Estoy tratando de implementar Firebase 9.1.3 en una aplicación Next.js. Parece que todo está bien, hasta que el código llega al proveedor y envía un error: "no se puede importar el proveedor" cuando llamo a Firebase desde otro componente. Este es el código que he usado para crear la lógica de Firebase.

 import { initializeApp, getApps, getApp } from 'firebase/app'; import { getFirestore } from 'firebase/firestore/lite'; import { getAuth, GoogleAuthProvider } from 'firebase/auth';

Estas son mis importaciones en firebase.js

 const app = !getApps().length ? initializeApp(firebaseConfig):getApp(); const db = getFirestore(app); const auth = getAuth(); const provider = new GoogleAuthProvider(); export default { db, auth, provider };

El error aparece en const provider = new GoogleAuthProvider(); cuando trato de importar proveedor en mi página de inicio de sesión. Ahora me he dado cuenta de que no puedo importar auth, así que imagino que tampoco puedo importar db.