Firebase auth password reset

Question

I'm working on a firebase app that contains an authentication system that allows users to sign up/login and create a profile. The app stores and calls profile info about the users. The system worked just fine until I realized there's no way for a user to reset their password. So I added sendPasswordResetEmail function and it's been downhill since then. I'm a newbie to firebase and to StackOverflow so forgive the mess you're about to see. Am I missing something in that function?

const resetpassword = async () => { const email = document.getElementById('email').value; try { const { user } = auth.sendPasswordResetEmail(email); alert('Password Reset Email Sent!'); } catch(error) { console.log("error ===>", error); if (error.message === "Firebase: Error (auth/user-not-found).") { alert("There is no user corresponding to this email address.")} else (errorCode == 'auth/invalid-email') { alert(errorMessage)} } }

Prasenjeet Symon · Accepted Answer · 2022-05-27 05:58:31Z

If you are using firebase version 9 then use code snippet below to reset user password

import { getAuth, sendPasswordResetEmail } from "firebase/auth"; const auth = getAuth(); sendPasswordResetEmail(auth, email) .then(() => { // Password reset email sent! // .. }) .catch((error) => { const errorCode = error.code; const errorMessage = error.message; // .. });

Thank you for your response. I'm using firebase 9. When I ran your fix I got the same results. The whole app work until I add the sendpasswordresetemail.
How do we handle the flow after the user clicks the link in the email? I don't find any info in the docs for this. How do we actually change the password ?!

Pierre Leroy · Accepted Answer · 2024-02-13 10:39:57Z

If you want to handle this inside you app, a solution is given here: https://stackoverflow.com/a/37955339/22991834

You need to configure the reset password template inside the Firebase console.

Chika Nwazuo Evuka · Accepted Answer · 2024-10-27 22:00:16Z

In case you want user to update their password without sending any email, you can use this code below

 import { getAuth, updatePassword } from "firebase/auth"; const user = auth.currentUser; updatePassword(user, password).then(() => { // Update successful. })

If you have a new question, please ask it by clicking the Ask Question button. Include a link to this question if it helps provide context. - From Review

Collectives™ on Stack Overflow

Firebase auth password reset

3 Answers 3

2 Comments

Comments

1 Comment

Linked

Hot Network Questions