Estoy tratando de usar firebase v9 en mi proyecto Next.js, pero cada vez que lo importo, parece que vuelve indefinido...

 import * as firebase from 'firebase/app' export function getFirebaseApp() { const clientCredentials = { ... } return firebase.initializeApp(clientCredentials) }

Sin embargo, cuando intento ejecutar esto en el navegador, todo lo que aparece es este error:

 TypeError: Cannot read property 'initializeApp' of undefined

Esto pasa con cualquier variación del import, he probado varias:

 import * as firebase from 'firebase/app' import firebase from 'firebase/app' import { initializeApp } from 'firebase/app' // and the same thing importing from '@firebase/app' instead, though don't think that'd ever work

Realmente no tengo idea de lo que está pasando, no creo que esto sea un problema de Next.js porque incluso VSCode no sugiere importar nada de firebase, aunque esté instalado (puedo verlo en node_modules ). Tengo esta línea en package.json :

 { "dependencies": { "firebase": "^9.0.2" } }

Así que esto es realmente un misterio, realmente no tengo idea de lo que está pasando. ¿Alguna sugerencia de cómo puedo solucionar este problema?

EDITAR : Como he recibido dos comentarios que sugieren esto, supongo que lo pondré aquí:

Estoy usando el SDK modular, así que intenté importar initializeApp directamente, pero aún así no funcionó:

 import { initializeApp } from 'firebase/app' export function getFirebaseApp() { const clientCredentials = { ... } return initializeApp(clientCredentials) }

 TypeError: Cannot read properties of undefined (reading 'initializeApp')