Básicamente copié y pegué el código exacto de la documentación de firebase sobre cómo configurar firestore. Cuando intento ejecutar mi aplicación, aparece un error de interrupción que dice que mi aplicación no se ha inicializado.

aquí está mi archivo de configuración firebase.js:

 import { initializeApp } from "firebase/app"; import { fbConfig } from "./secrets.js" import { getFirestore } from "firebase/firestore"; const firebaseApp = initializeApp({ apiKey: fbConfig.apiKey, authDomain: fbConfig.authDomain, projectId: fbConfig.projectId, storageBucket: fbConfig.storageBucket, messagingSenderId: fbConfig.messagingSenderId, appId: fbConfig.appId }); console.log(firebaseApp) export default getFirestore()

A modo de comparación, aquí hay un enlace a los documentos de Firebase . El registro de mi consola está devolviendo esto:

 FirebaseAppImpl {_isDeleted: false, _options: {…}, _config: {…}, _name: '[DEFAULT]', _automaticDataCollectionEnabled: false, …} {...} [[Prototype]]: Object

Aquí está el código donde se llama a firebase, en un archivo diferente:

 import { useState, useEffect } from "react"; import { useForm } from "react-hook-form"; import { doc, setDoc } from "firebase/firestore"; import db from "../firebase" //I'm expecting db to be my exported firestore call from firebase.js function Admin() { const onFormSubmit = async (data) => { await setDoc(doc(db, "interviewees", data.name), { name: data.name, location: data.location, age: data.age, }); }; return(<a big component>) }

Cuando se renderiza el componente Admin, aparece este error:

errores.ts:91 FirebaseError no detectado: Firebase: no se ha creado ninguna aplicación de Firebase '[DEFAULT]'; llame a Firebase App.initializeApp() (app/no-app).

entonces, me parece que hay una aplicación que se está inicializando. Pero mi aplicación falla y el mensaje de error parece no estar de acuerdo con mi evaluación. ¡Agradecería cualquier ayuda!