Soy un principiante en React.js. Estaba siguiendo un tutorial para hacer una autenticación de inicio de sesión. Recibo este error (TypeError: fire__WEBPACK_IMPORTED_MODULE_1 _.default.auth no es una función) de esta parte del código: `
const authListener = () => { fire.auth().onAuthStateChanged((user) => { if (user) { clearInputs(); setUser(user); } else { setUser(""); } }) };` Ya busqué en todos los foros, temas o videos de Youtube y todavía no puedo encontrar la respuesta. ¿Alguien puede decirme dónde está el problema y cómo solucionarlo? Aprecia todo.
Si está utilizando Modular SDK v9.0.0 , intente refactorizar su código de esta manera:
import { initializeApp } from "firebase/app" import { getAuth, onAuthStateChanged } from "firebase/auth" const app = initializeApp(app) const auth = getAuth(app) const authListener = () => { onAuthStateChanged(auth, (user) => { if (user) { console.log(user) } }) } Si desea utilizar la sintaxis de espacio de nombres anterior ( firebase.auth() ), cambie sus importaciones a la versión compatible:
import firebase from "firebase/comapt/app" import "firebase/compat/auth"Puede leer más sobre la actualización a SDK modular en la documentación .