firebase / firebase/firebaseui-web-react

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

Ouverte
#99 2 commentaires 1 réaction 0 personnes assignées Voir sur GitHub
Langage dominant
JavaScript
Étoiles
1.3k
Forks
246
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

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)

/_next/static/development/pages/auth.js (4737:374)
qo.
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 (


{renderAuth ? (

) : null}

);
};

export default FirebaseAuth;

```

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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez avec la configuration React fournie et reproduisez l’erreur en sélectionnant un indicatif téléphonique de pays, puis en cliquant en dehors de la liste déroulante. Inspectez la stack firebaseui/dist/esm.js signalée autour du chemin de blur du code pays ; le travail est terminé lorsque la liste déroulante peut être fermée sans le TypeError.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
firebase, javascript, next.js, react
Domaine
authentication, frontend
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.