"FirebaseError: Missing or insufficient permissions." error whenever I tried to read from Firestore.

[Ramon Wong]

"FirebaseError: Missing or insufficient permissions." error whenever I tried to read
from Firestore.
This happens everytime I tried to read the Firestore collection, as an authenticated user
But as an unauthenticated user, I've no problem reading from the firestore.

Version of firebase-firestore 9.21.0

rules:
rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read: if true

    }
  }
}

Authentication methods:
Google login, random generated users

Rules Playground:
Authenticated and Unauthenticated: simulated read is allowed.

In Practice:
Authenticated: "FirebaseError: Missing or insufficient permissions."
UnAuthenticated: no problem reading it

Question: How can I make this readable for the authenticated users?