Estoy desarrollando una aplicación usando Gatsby, React y Firebase. La aplicación funciona bien en la etapa de desarrollo de desarrollo de npm run develop , pero cuando intento compilar con compilación de npm run build , aparece el error

WebpackError: TypeError: (0 , dist_namespaceObject.initializeApp) is not a function

 import { initializeApp } from "firebase/app" import { getFirestore, getDoc, doc} from "firebase/firestore"; import { navigate } from 'gatsby' const firebaseConfig = { // Firebase config goes here }; const app = initializeApp(firebaseConfig); //const analytics = getAnalytics(app); const db = getFirestore();

Este es el código relevante que estoy usando, y no puedo encontrar ninguna solución a este problema en este momento. Estoy usando Firebase 9.6.7, Gatsby 4.8.0, React 17.0.2 y Node 17.31. He intentado todo tipo de cosas, incluido cambiar la importación, importar todo, pero hasta ahora no he tenido suerte.