Así que estoy creando una aplicación de reacción usando firebase y mi archivo firebase.js se ve así:

 import firebase from 'firebase/compat/app'; import "firebase/auth"; export const auth = firebase.initializeApp({ apiKey: "{my_key}", authDomain: "{domain}", projectId: "{project_id}", storageBucket: "{storage}", messagingSenderId: "{sender_id}", appId: "{app_id}", measurementId: "{blablabla}" }).auth();

Y mi Login.jsx :

 import firebase from 'firebase/compat/app'; import { auth } from '../firebase'; <Button onClick={() => auth.signInWithRedirect(new firebase.auth.GoogleAuthProvider())}>

Quiero iniciar sesión a través de Google, como puede ver, así que importo auth desde firebase.js , pero cuando npm start , aparece el siguiente error en la consola:

TypeError no detectado: firebase_compat_app__WEBPACK_IMPORTED_MODULE_0__.default.initializeApp(...).auth no es una función

No estoy seguro de por qué dice que auth no es una función.

Editar: también traté de importar con require('firebase/auth') pero no ayudó.