Estoy escribiendo una aplicación de reacción y estoy tratando de conectarla a firebase, esto es lo que hago: tengo un Auth.js

 import React, { useEffect, useState } from "react"; import db from "../../config/db"; export const AuthContext = React.createContext(); export const AuthProvider = ({ children }) => { const [currentUser, setCurrentUser] = useState(null); const [pending, setPending] = useState(true); useEffect(() => { db.auth().onAuthStateChanged((user) => { setCurrentUser(user); setPending(false); }); }, []); if (pending) { return <>Loading...</>; } return ( <AuthContext.Provider value={{ currentUser, }} > {children} </AuthContext.Provider> ); };

y en mi app.js estoy usando AuthContext

 <AuthProvider> <Router> <Switch> . . . </Switch> </Router> </AuthProvider>

y por ultimo el mio es el siguiente:

 // Import the functions you need from the SDKs you need import { initializeApp } from "firebase/app"; import { getAnalytics } from "firebase/analytics"; // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries // Your web app's Firebase configuration // For Firebase JS SDK v7.20.0 and later, measurementId is optional const firebaseConfig = { apiKey: "------------", authDomain: "------------", projectId:"------------", storageBucket: "------------", messagingSenderId:"------------", appId:"------------", measurementId: "------------", }; // Initialize Firebase const app = initializeApp(firebaseConfig); const analytics = getAnalytics(app); export default app;

No he ido mucho más lejos que esto, pero sigo recibiendo este error: [![ingrese la descripción de la imagen aquí][1]][1] [1]: https://i.stack.imgur.com/hYNaS.png

 TypeError: _config_db__WEBPACK_IMPORTED_MODULE_1__.default.auth is not a function

esto se genera a partir de db.auth().onAuthStateChanged .

¿Qué estoy haciendo mal?