Entonces, estaba siguiendo un tutorial sobre un clon de messenger y usaron Firebase. Cuando usé esa sintaxis, me mostró un error y luego descubrí que cambiaron toda la sintaxis. Así que traté de hacer las cosas de esta manera y me está dando este tipo de error.
import db from "./firebase"; import { doc,onSnapshot,collection,query } from 'firebase/firestore'; ..... ..... const [messages, setMessages] = useState([ {username: "Shuvo", message: "What's up"}, {username:"Arnob",message:"Hi"}]); useEffect(()=>{ const q = query(collection(db,"messages")); const hello = onSnapshot(q,(querySnapshot)=>{ setMessages(querySnapshot.docs.map(doc => doc.data())) }) },[]) ..... useEffect(()=>{ const ref = firebase.firestore().collection('messages') ref.onSnapshot((querySnapshot)=>{ const items = [] querySnapshot.forEach((doc)=> items.push(doc.data())) setMessages(items) })