No tengo idea de por qué ocurre este error... pero sospecho que este archivo causa algo. Especialmente, firebaseAuth={getAuth(app)} podría ser un problema. Antes de eso, const app = initializeApp(firebaseConfig); se define en "../firebase/firebase"
import React from "react"; import StyledFirebaseAuth from "react-firebaseui/StyledFirebaseAuth"; import { app } from "../firebase/firebase"; import { getAuth, createUserWithEmailAndPassword, EmailAuthProvider, GoogleAuthProvider, GithubAuthProvider } from "firebase/auth"; // Configure FirebaseUI. const uiConfig = { signInFlow: 'popup', signInSuccessUrl: "/", signInOptions: [ EmailAuthProvider.PROVIDER_ID, GoogleAuthProvider.PROVIDER_ID, GithubAuthProvider.PROVIDER_ID, ], }; export default function SignInScreen() { return ( <div> <h1>PolygonHR Login</h1> <p>Please sign-in:</p> <StyledFirebaseAuth uiConfig={uiConfig} firebaseAuth={getAuth(app)} /> </div> ); }Finalmente, descubrí que esta biblioteca llamada "react-firebaseui/StyledFirebaseAuth", que uso anteriormente, es compatible con la versión 8.xx de Firebase en lugar de la v9 anterior, por lo que se muestra este mensaje de error en el título.
Para arreglar esto,
Con la nueva versión de Firebase, se cambia la sintaxis para importar. Prueba con esto: import { initializeApp } from 'firebase/app'; Le sugiero que lea esta publicación para identificar y solucionar otros problemas en su aplicación. https://firebase.googleblog.com/2021/08/the-new-firebase-js-sdk-now-ga.html