firebase / firebase/firebaseui-web-react
Phone OTP Verification TypeError: Cannot read property 'da' of undefined
- 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