aquí es donde estoy recibiendo el error:

 import {Button, ThemeProvider} from "@mui/material"; import firebase from "firebase/compat/app" import "firebase/compat/auth" const auth = firebase.auth(); function LoginForm(props) { function loginHandler() { } function loginWithGoogleHandler() { const provider = new firebase.auth.GoogleAuthProvider(); auth.signInWithPopup(provider); } return ( <ThemeProvider theme={props.theme}> <Button variant="contained" color="primary" onClick={loginHandler}> LOGIN </Button> <Button variant="contained" color="primary" onClick={loginWithGoogleHandler}> LOGIN WITH GOOGLE? </Button> </ThemeProvider> ); } export default LoginForm;

No dice en qué línea se encuentra el error. Busqué otras soluciones y dijeron que estabas definiendo algo antes que lo otro, pero no lo entendí muy bien y esas soluciones contenían const db = firebase.firestore(); así que creo que es algo más lo que está mal con mi código.