I am working on a react firebase project.

the error I am getting is

"FirebaseError: Missing or insufficient permissions."

Here is my code to get the data

  const data = await getDocs(
    query(collectionGroup(db, "posts"), orderBy("upvote", "desc"), limit(5)));

Here is my firebase security rules

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /posts/{docId}{
        allow read;
        allow update: if request.auth.uid != null;
    }
  }
}

I have no idea what is going on I allow read in firebase rules but when I go and get the data it does not work