¡Cualquier ayuda sería muy apreciada! Recientemente tuve problemas con firebase que me obligaron a usar el sdk modular, sin embargo, soy bastante nuevo en firebase y en la programación en general. Recientemente usé:
useEffect(() => { db.onSnapshot((snapshot) => { setPosts(snapshot.docs.map((doc) => doc.data())); }); }, []);Pero con este nuevo Módulo no encontrado. No se puede resolver 'firebase', error que sigo recibiendo, probé el nuevo SDK modular. actualmente tengo:
useEffect(() => { const helper = async () => { const docRef = collection(db, 'posts'); const docSnap = await getDocs(docRef); console.log(docSnap.docs); }; helper(); }, []);Pero esto solo devuelve indefinido, junto con docSnap.data y otras opciones. Cualquier y toda ayuda sería apreciada, ¡gracias!
Este código en el SDK v8:
db.onSnapshot((snapshot) => { setPosts(snapshot.docs.map((doc) => doc.data())); });Es exactamente lo mismo que esto en el SDK modular v9:
onSnapshot(db, (snapshot) => { // 👈 change is here setPosts(snapshot.docs.map((doc) => doc.data())); }); Sin embargo, la db de datos aquí se ve un poco extraña, por lo que en realidad podría tener que ser:
onSnapshot(collection(db, 'posts'), (snapshot) => { // 👈 change is here again setPosts(snapshot.docs.map((doc) => doc.data())); });