interface Message {
      user_id: number;
      username: string;
      content: string;
      timestamp: Date;
      animationValue?: Animated.Value;
    }
    
      useEffect(() => {
        if (!token || !eventId) return; // Add eventId check
        fetchEventDetails();
        console.log("Fetching messages for event:", eventId);
        fetchMessages();
        
      }, [token, eventId]); const fetchMessages = async () => {
        if (!user) return;
    
        const messagesRef = collection(db, "events", "4", "chats", "default", "messages");
        const messagesQuery = query(messagesRef, orderBy("timestamp", "desc"));
    
        const unsubscribe = onSnapshot(messagesQuery, querySnapshot => {
          // Add a log at the start of the callback to verify it runs.
          console.log("onSnapshot callback triggered");
          // Check if the snapshot is empty
          if (querySnapshot.empty) {
            console.log("No documents found in messages");
          } else {
            console.log("Snapshot data:", querySnapshot.docs.map(doc => doc.data())); // Log the data
          }
    
          setMessages(
            querySnapshot.docs.map(doc => ({
              user_id: doc.data().user_id,
              username: doc.data().username,
              content: doc.data().content,
              timestamp: doc.data().timestamp ? doc.data().timestamp.toDate() : new Date(),
              fileUrl: doc.data().fileUrl || "",
            }))
          );
        });
        return () => unsubscribe();
      };

const renderMessage = useCallback(
    ({ item }: { item: Message }) => {
      const isSender = item.user_id === userId;
      const messageDate = item.timestamp;
      
      return (
        <Animated.View
          style={[
            styles.messageContainer,
            isSender ? styles.sender : styles.receiver,
            { opacity: item.animationValue || 1 },
          ]}
        >
          <Text style={styles.messageText}>{item.content}</Text>
          <Text style={styles.messageTime}>
            {messageDate.toLocaleTimeString("en-US", {
              hour: "2-digit",
              minute: "2-digit",
              hour12: false,
            })}
          </Text>
        </Animated.View>
      );
    },
    [userId]
  );

I am taking this one when open the chat page. @FrankvanPuffelen also, taking this on the log when I enter chat page. Auth working correctly but. Firestore is not working. Here is my firebaseConfig file:

import { initializeApp } from "firebase/app";
import { initializeAuth, getReactNativePersistence } from "firebase/auth";
import ReactNativeAsyncStorage from '@react-native-async-storage/async-storage';
import { getFirestore } from "firebase/firestore";
import { getStorage } from "firebase/storage";

// Your web app's Firebase configuration
const firebaseConfig = {
  apiKey: **,
  authDomain: **,
  databaseURL: **,
  projectId: **,
  storageBucket: **,
  messagingSenderId: **,
  appId: **
};

// Initialize Firebase
export const app = initializeApp(firebaseConfig);
export const auth = initializeAuth(app, {
  persistence: getReactNativePersistence(ReactNativeAsyncStorage)
}
);
export const db = getFirestore(app);
export const storage = getStorage(app);

Here is a logs:

>(NOBRIDGE) LOG  onSnapshot callback triggered  
>(NOBRIDGE) LOG  No documents found in messages  
>(NOBRIDGE) LOG  onSnapshot callback triggered  
>(NOBRIDGE) LOG  No documents found in messages  
>(NOBRIDGE)WARN  [2025-02-11T17:00:55.993Z]  @firebase/firestore: Firestore
> (11.3.0): WebChannelConnection RPC 'Listen' stream 0x512e1a58
> transport errored: {"defaultPrevented": false, "g": {"C": undefined,
> "F": null, "M": [Circular], "g": {"A": null, "Aa": 12, "B": 0, "C":
> null, "Ca": false, "D": "gsessionid", "Da": [Hc], "F": true, "G": 0,
> "H": [Object], "I": [T], "J": true, "K": "WFmJfthL_EMD2lhjW-y5bg",
> "L": 45000, "M": false, "O": true, "P": false, "R": 92, "S": [Object],
> "T": 0, "Ta": 5000, "U": 88681, "Ua": false, "Va": false, "W":
> "https://firestore.googleapis.com/google.firestore.v1.Firestore/Listen/channel",
> "Wa": 2, "X": true, "Xa": undefined, "Y": 1, "Ya": 1, "ba": true,
> "ca": undefined, "cb": 10000, "g": null, "h": [ic], "i": [Array],
> "ia": "", "j": [vb], "ja": undefined, "ka": null, "l": [Z], "la": 8,
> "m": null, "o": null, "pa": undefined, "qa": [T], "s": null, "u":
> null, "v": 0, "wa": 600000, "ya":
> "NlrUn6684y0jRyF-4aKII75hLaZwcrHBjwXwZhL3uy4", "za": -1}, "h":
> {"database": "projects/socius-0/databases/(default)"}, "i": {"g":
> [Object], "h": 4, "src": [Circular]}, "j": {"g": [Circular]}, "l":
> "https://firestore.googleapis.com/google.firestore.v1.Firestore/Listen/channel",
> "s": false, "u": true, "v": true}, "status": 1, "target": {"C":
> undefined, "F": null, "M": [Circular], "g": {"A": null, "Aa": 12, "B":
> 0, "C": null, "Ca": false, "D": "gsessionid", "Da": [Hc], "F": true,
> "G": 0, "H": [Object], "I": [T], "J": true, "K":
> "WFmJfthL_EMD2lhjW-y5bg", "L": 45000, "M": false, "O": true, "P":
> false, "R": 92, "S": [Object], "T": 0, "Ta": 5000, "U": 88681, "Ua":
> false, "Va": false, "W":
> "https://firestore.googleapis.com/google.firestore.v1.Firestore/Listen/channel",
> "Wa": 2, "X": true, "Xa": undefined, "Y": 1, "Ya": 1, "ba": true,
> "ca": undefined, "cb": 10000, "g": null, "h": [ic], "i": [Array],
> "ia": "", "j": [vb], "ja": undefined, "ka": null, "l": [Z], "la": 8,
> "m": null, "o": null, "pa": undefined, "qa": [T], "s": null, "u":
> null, "v": 0, "wa": 600000, "ya":
> "NlrUn6684y0jRyF-4aKII75hLaZwcrHBjwXwZhL3uy4", "za": -1}, "h":
> {"database": "projects/socius-0/databases/(default)"}, "i": {"g":
> [Object], "h": 4, "src": [Circular]}, "j": {"g": [Circular]}, "l":
> "https://firestore.googleapis.com/google.firestore.v1.Firestore/Listen/channel",
> "s": false, "u": true, "v": true}, "type": "c"}