How to send OTP using React and Firebase | One Time Password | ReactJS

Поділитися
Вставка
  • Опубліковано 9 лис 2024

КОМЕНТАРІ • 56

  • @StudyAutomationAcademy
    @StudyAutomationAcademy  Рік тому

    www.copy.ai/?via=16e86c

  • @kamikaze8932
    @kamikaze8932 2 роки тому +4

    Sir you made this look too Easy thank you

  • @sufyan_rasheed
    @sufyan_rasheed Рік тому +2

    Thank you so much, sir, It's very helpful for me 🙂

  • @swethakura1682
    @swethakura1682 2 роки тому +1

    source code executed my end. Its working Thank you

  • @ankush1265
    @ankush1265 3 місяці тому +1

    Thank you so much for making this.. Thanks alot

  • @ujjalzaman2722
    @ujjalzaman2722 3 роки тому +2

    Wow.thank you so much brother for great explanation

  • @khalidmahmud612
    @khalidmahmud612 3 роки тому +3

    If you have added your phone number in testing under firebase(Sign-in method->Phones). then please remove from there to get otp.

  • @chinmaypatil1367
    @chinmaypatil1367 2 роки тому +1

    Thank you
    U made my day
    but why are u using class based componetns?????

    • @StudyAutomationAcademy
      @StudyAutomationAcademy  2 роки тому +2

      Thanks, reason was that I was using class based components so i feel easy. ;)

  • @praveenkumarg2740
    @praveenkumarg2740 3 місяці тому +1

    Thanks

  • @SurekhaSangmesh
    @SurekhaSangmesh 3 роки тому +1

    Very useful video thank you

  • @debajyotisaha14
    @debajyotisaha14 2 роки тому

    I am using this code in my next js project
    When I am using this code
    It is showing configureCaptcha is not defined after importing the things u told in comment.
    After that if i go further onSignInSubmit,signInWithPhoneNumber also shows not defined.
    Please Reply as i need it to work

  • @tejjoshi2119
    @tejjoshi2119 Рік тому +1

    getting auth/argument error what should I do?

  • @ahmedouyahya
    @ahmedouyahya 2 роки тому +1

    thank yo so much this was helpful

  • @kashimjakati1227
    @kashimjakati1227 8 місяців тому

    Thank you Very Much

  • @Sayfouu
    @Sayfouu Рік тому

    'onSignInSubmit' was used before it was defined

  • @zeeshan4193
    @zeeshan4193 2 роки тому

    How to take international phone number like a drop-down button and then we can select the flag and write the number and it will store in database with country code

  • @nikhilroyal6923
    @nikhilroyal6923 3 роки тому +1

    Thank you soo much sir

  • @universal-devlog
    @universal-devlog 3 роки тому +1

    Thanks, it works for me

  • @-KurluSruthi
    @-KurluSruthi 2 роки тому

    While Iam exporting firebase it showing firebase is not present in firebase/app plz help me

  • @yushannn
    @yushannn 3 роки тому +3

    great video, thank you!

  • @AkmaAit
    @AkmaAit 3 роки тому

    why firebase sms verification language not changing for website?

  • @developernazmul2377
    @developernazmul2377 3 роки тому

    Great Video Thanks

  • @vishnujha9597
    @vishnujha9597 3 роки тому

    Great sir thanku so much 🙏🙏
    How Can I use server side number Auth using Node Js

  • @sajithmusic1
    @sajithmusic1 3 роки тому

    Thanks for the code, I tried converting this code to JSX but throwing lots of errors. By any chance you have the code in tsx which I can refer?

    • @xamantiwari
      @xamantiwari 3 роки тому

      declare global {
      interface Window {
      recaptchaVerifier: firebase.auth.RecaptchaVerifier;
      confirmationResult: firebase.auth.ConfirmationResult;
      }
      }

  • @xamantiwari
    @xamantiwari 3 роки тому

    that code has been twice function onSumit.. fix it as well

  • @Hyp3rLon3Ston3
    @Hyp3rLon3Ston3 2 роки тому

    how to handle Error: reCAPTCHA has already been rendered in this element

  • @sangeetkukreja3879
    @sangeetkukreja3879 2 роки тому

    after verification how to move next page ?

  • @rabiakhalid1657
    @rabiakhalid1657 3 роки тому

    Tried to run same code but getting this error
    Uncaught TypeError: Cannot read properties of undefined (reading 'RecaptchaVerifier')

    • @StudyAutomationAcademy
      @StudyAutomationAcademy  3 роки тому +2

      import firebase from 'firebase/app';
      import 'firebase/auth';
      Jus import these in your file. it will work

  • @sarfarazsheikh7378
    @sarfarazsheikh7378 2 роки тому

    bhai 5 din se aapka code try krrha hu otp not sent aarha hai ,,,, otp nhi aarha hai bhai prishan ho gya

  • @justinpraveen7026
    @justinpraveen7026 3 роки тому

    (Firebase.auth.recaptchaverfier is not a constructor ) the above error is raiseing bro what I do?

    • @StudyAutomationAcademy
      @StudyAutomationAcademy  3 роки тому

      You can call new app.auth.RecaptchaVerifier('id', ...

    • @Melodymentr
      @Melodymentr 3 роки тому

      import firebase from 'firebase/compat/app';
      import 'firebase/compat/auth';
      //add in firebase.js

  • @nikitadhar7651
    @nikitadhar7651 Рік тому

    how to do it using email

  • @mumthabathul5737
    @mumthabathul5737 3 роки тому

    Failed to npm install firebase...wt to do fr solving

  • @KaviKumarmba
    @KaviKumarmba 3 роки тому

    How to remove annoying Recaptcha?

    • @StudyAutomationAcademy
      @StudyAutomationAcademy  3 роки тому

      Good question. This is annoying but helping application from Automation software.

  • @raghav1104
    @raghav1104 4 місяці тому

    please send me source code

  • @Its4funn
    @Its4funn 3 роки тому

    Is Firebase is a paid service or free.

  • @drmukundpaithankar6499
    @drmukundpaithankar6499 3 роки тому

    Tried running same code but getting error
    Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase').

    • @Melodymentr
      @Melodymentr 3 роки тому +2

      import firebase from 'firebase/compat/app';
      import 'firebase/compat/auth';

    • @StudyAutomationAcademy
      @StudyAutomationAcademy  3 роки тому

      Thanks for helping. This is how we all can grow.