Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Phone OTP Verification TypeError: Cannot read property 'da' of undefined

Abierto
  • ¿Algo no está bien?
#99 2 comentarios 1 reacción 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
firebase, javascript, next.js, react
Área
authentication, frontend

Línea de trabajo

Comienza con la configuración de React proporcionada y reproduce el error seleccionando un código de país telefónico y haciendo clic fuera del menú desplegable. Inspecciona el stack de firebaseui/dist/esm.js informado alrededor de la ruta de blur del código de país; se considera terminado cuando el menú desplegable puede cerrarse sin el TypeError.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

I'm using firebaseui-web-react with next.js. I've setup mobile OTP verification method but when I select country code dropdown and clicks outside of it it throws below error:

GIF of issue: https://i.imgur.com/GpN0efI.gif

Unhandled Runtime Error
TypeError: Cannot read property 'da' of undefined


Call Stack
Vk
node_modules\firebaseui\dist\esm.js (216:48)
<unknown>
/_next/static/development/pages/auth.js (4737:374)
qo.<anonymous>
node_modules\firebaseui\dist\esm.js (203:398)
Ae
/_next/static/development/pages/auth.js (4594:438)
ze
node_modules\firebaseui\dist\esm.js (70:443)
Mj
/_next/static/development/pages/auth.js (4707:355)
Lj.push../node_modules/firebaseui/dist/esm.js.Lj.h
node_modules\firebaseui\dist\esm.js (184:281)
xe
/_next/static/development/pages/auth.js (4591:261)
HTMLDialogElement.te
node_modules\firebaseui\dist\esm.js (69:264)
HTMLDialogElement.b
/_next/static/development/pages/auth.js (4589:64)

React File:

    import StyledFirebaseAuth from "react-firebaseui/StyledFirebaseAuth";
    import firebase from "firebase/app";
    import "firebase/auth";
    import initFirebase from "../utils/auth/initFirebase";
    
    initFirebase();
    
    const firebaseAuthConfig = {
      signInFlow: "popup",
      signInOptions: [
        {
          provider: firebase.auth.PhoneAuthProvider.PROVIDER_ID,
          requireDisplayName: false,
          recaptchaParameters: {
            size: "invisible", // 'invisible' or 'compact'
          },
        },
      ],
      signInSuccessUrl: "/",
      credentialHelper: "none",
      callbacks: {
        signInSuccessWithAuthResult: async ({ user }, redirectUrl) => {
         
      },
    };
    
    const FirebaseAuth = () => {
      return (
        <div>
          {renderAuth ? (
            <StyledFirebaseAuth
              uiConfig={firebaseAuthConfig}
              firebaseAuth={firebase.auth()}
            />
          ) : null}
        </div>
      );
    };
    
    export default FirebaseAuth;

I used this NextJS repo: https://github.com/vercel/next.js/tree/canary/examples/with-firebase-authentication

Lenguaje dominante
JavaScript
Estrellas
1.3k
Forks
246
Sin PR fusionados en 30 d

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de firebase/firebaseui-web-react

Todos los issues de firebase/firebaseui-web-react

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.