Estoy tratando de trabajar con Firebase por primera vez. Configuré el emulador de Firestore y puse datos que me gustaría recuperar en mi aplicación Nextjs. Después de inicializar firebase, así es como se ve mi componente:
function Test() { useEffect(() => { const db = getFirestore(); connectFirestoreEmulator(db, "localhost", 8080); async function testFirestore() { const testRef = doc(db, "test", "testid"); const testSnap = await getDoc(testRef); console.log("does not reach this line") console.log(testSnap.data()); } testFirestore(); }, []); return <div></div>; } export default Test;El problema es que no obtengo nada registrado en la consola. No es un mensaje de error, simplemente nada. La función testFirestore se está ejecutando, pero parece que no supera la línea await getDoc(). Tampoco veo solicitudes en el emulador de Firestore. ¿Qué estoy haciendo mal? Lamento no poder ser más específico, pero no hay errores, por lo que es difícil entender qué está pasando.
Parece ser un problema en Firebase JS SDK como se menciona en este problema de Github . Actualizar a la última versión debería solucionar ese problema.