¿Alguien tiene una idea de cómo puedo obtener datos de Firestore?
import firebase from 'firebase/compat/app'; import 'firebase/compat/auth'; import 'firebase/compat/firestore'; const firebaseConfig = { apiKey: "AIzaSyCNBAxjeKNoAPPjBV0JW4vZ0QaTaOx9-L4", authDomain: "tomaproject-6b82b.firebaseapp.com", projectId: "tomaproject-6b82b", storageBucket: "tomaproject-6b82b.appspot.com", messagingSenderId: "1041229848485", appId: "1:1041229848485:web:3678c821ef1bd3a9" }; // Use this to initialize the firebase App const firebaseApp = firebase.initializeApp(firebaseConfig); // Use these for db & auth const db = firebaseApp.firestore(); const auth = firebase.auth(); export default { auth, db };Estoy tratando de obtener datos usando db. collection en la función useEffect.
Sigo recibiendo el error: firebase__WEBPACK_IMPORTED_MODULE_6 _.default.collection no es una función
¿Alguna sugerencia?
import db from '../../firebase'; const HomeScreen = (props) => { const username = props.email return ( <div className={styles['wrapper']}> <Container className={styles['wrapping-container']} > <h2 className={styles['Login-user-class-paragraph']}> Welcome {username}!</h2> <Row> <Col md={2}> <Container> <SidePanel /> </Container> </div> ) } export default HomeScreen;{ auth, db } es la exportación predeterminada de firebase.js .:
import db from "../../firebase" // db is { auth, db } // db.collection will throw the error // db.db.collection() will work as intended Alternativamente, puede eliminar el default para que la declaración de exportación sea:
export { auth, db }Luego importe la instancia de Firestore como se muestra a continuación:
import { db, auth } from "../../firebase" // here db is Firestore instance