También tuvimos este problema durante bastante tiempo, recientemente encontré este enlace https://firebase.google.com/docs/auth/web/custom-dependencies

En los navegadores móviles, la biblioteca abrirá automáticamente un iframe en su dominio de autenticación de forma preventiva. Esto se hace para que la experiencia sea perfecta para la mayoría de los usuarios, pero puede afectar el rendimiento al cargar código adicional justo cuando se inicia la aplicación. Este comportamiento se puede evitar utilizando initializeAuth() y pasando manualmente la dependencia browserPopupRedirectResolver a las funciones que la necesitan.

 import {initializeAuth, browserLocalPersistence, browserPopupRedirectResolver, indexedDBLocalPersistence, signInWithRedirect, GoogleAuthProvider} from "firebase/auth"; import {initializeApp} from "firebase/app"; const app = initializeApp({/** Your app config */}); const auth = initializeAuth(app, { persistence: [indexedDBLocalPersistence, browserLocalPersistence], }); // Later signInWithRedirect(auth, new GoogleAuthProvider(), browserPopupRedirectResolver);

Aquí va mi solución. Solo importo dinámicamente la autenticación de firebase cuando la necesito. Por lo tanto, no lo llamo en toda la aplicación, solo cuando hago una solicitud a firebase. Si tiene una aplicación pequeña o mediana, no debería ser demasiado trabajo. Sugerencia : para mantener el estado de usuario actual, use cookies.

 const onSubmit = async () => { const { getAuth } = await import("firebase/auth"); getAuth(firebase); }