Tengo este error desde hace un par de días y no sé cómo solucionarlo. Esta es la primera vez que uso Firebase, así que no estoy muy acostumbrado. Aquí está el código del componente que está causando el error

 import React, {useState, useEffect} from 'react'; import './Feed.css' import StoryReel from './StoryReel'; import MessageSender from './MessageSender'; import Post from './Post'; import db from './firebase' import {onSnapshot} from 'firebase/firestore' function Feed() { const [posts, setPosts] = useState([]) useEffect(() => { db.collection('posts') .orderBy('timestamp', 'desc') .onSnapshot((snapshot) => setPosts(snapshot.docs.map((doc) => ({ id: doc.id, data: doc.data() }))) ); }, []); return ( <div className='feed'> <StoryReel /> <MessageSender /> {posts.map((post) => ( <Post key={post.id} profilePic={post.data.profilePic} message={post.data.message} timestamp={post.data.timestamp} username={post.data.username} image={post.data.image} /> ))} </div> ); } export default Feed;

y el código del componente donde inicialicé Firebase en React.

 import { initializeApp } from 'firebase/app'; import { getAuth } from 'firebase/auth'; import {getFirestore} from 'firebase/firestore'; const firebaseConfig = { ... }; const app = initializeApp(firebaseConfig); export const auth = getAuth(app); export default getFirestore();

¿Alguna idea sobre lo que necesito cambiar?