Firebase set() promise getting stuck on second time "createUserWithEmailAndPassword"

Question

I am working with firebase and reactJs. so here i am trying to signUp with firebase auth and then once the promise is fulfilled, i am trying to reach firestore database. when i do it first time, it is done perfectly but when i logout and try to create one more account, the account is created successfully but the promise to database gets stuck and then when i logout it throws the error from that promise "about the database acess". here is the code ....

import React, { useContext } from 'react';
import { Formik, Form, Field } from 'formik';
import * as Yup from 'yup';

import firebase from '../../firestore/Firestore';
import AppContext from '../../context/AppContext';
import Google from './GoogleSignIn';

const LoginSchema = Yup.object().shape({
    firstName: Yup.string()
        .required('Required'),
    lastName: Yup.string()
        .required('Required'),
    email: Yup.string()
        .email('Invalid email')
        .required('Required'),
    password: Yup.string()
        .min(6, 'Password has to be atleast 6 characters long')
        .required('Required'),
    confirmPassword: Yup.string()
        .oneOf([Yup.ref('password'), null], 'Passwords do not match')
        .required('Required'),
});


const SingUp = ({ signIn }) => {

    const context = useContext(AppContext);
    const { state, dispatch } = context;
    const db = firebase.firestore();

    const signUp = (e) => {
        firebase.auth().createUserWithEmailAndPassword(e.email, e.password).then((user) => {
            console.log('it entered here');
            db.collection("resumeData").doc(user.user.uid).set({ profiles: [context.initialState.data] }).then(()=>
            {console.log('done', user.user.uid)
            }).catch((x) => { console.log(x) });
            db.collection("users").doc(user.user.uid).set({ firstName: e.firstName, lastName: e.lastName }).catch((x) => { console.log(x) });
        }).catch(function (error) {

          //error Handling
        });
    }

    return (
        

            Create new Account

             ({})}
                onSubmit={values => {
                    dispatch({ type: 'on_input', payload: { key: "errorMessage", value: null } });
                    signUp(values);
                }}
            >
                {({ errors, touched }) => (
                    
                        
                            
                                First Name
                                
                                {errors.firstName && touched.firstName ? {errors.firstName} : null}
                            

                            
                                Last Name
                                
                                {errors.lastName && touched.lastName ? {errors.lastName} : null}
                            
                        


                        
                            Email
                            
                            {errors.email && touched.email ? {errors.email} : null}
                        

                        
                            
                                Password
                                
                                {errors.password && touched.password ? {errors.password} : null}
                            

                            
                                Confirm Password
                                
                                {errors.confirmPassword && touched.confirmPassword ? {errors.confirmPassword} : null}
                            
                        

                        {state.loading.state ?
                            {state.loading.message}
                            : {state.errorMessage}}

                        
                            
                        
                    
                )}
            

            

            

        
    )
}

export default SingUp;

In above SignUp function, there are two console.log for things to go smoothly.... first "It entered here" is always triggered and but the second one which is "done" does get triggered the first time but not the second time.

A little more information: i tested it a bit more and this error is only happening when ever there's a consecutive new accounts been created. Even with google.

HELP!!

Couple of days later: 50,000 people used to live here, now it's a ghost town. Anyway, i still couldn't figure out the solution but i found my way around it by not updating database right after signIn.

sol42 · Accepted Answer

I had a similar issue with my Vue app, and saw this thread: https://github.com/firebase/firebase-js-sdk/issues/3218. I guess this problem will be resolved on future versions, but until then, this solution seems to work: https://github.com/firebase/firebase-js-sdk/issues/3218#issuecomment-644903101. I added a timeout of 100ms between the creation of the user and the creation of the document, and it solved the issue. Hope it helps you as well.

Firebase set() promise getting stuck on second time "createUserWithEmailAndPassword"

Answers (1)

Related Questions

Firebase set() promise getting stuck on second time &quot;createUserWithEmailAndPassword&quot;

Answers (1)

Related Questions

Firebase set() promise getting stuck on second time "createUserWithEmailAndPassword"