Firebase React Custom Hook

useFirebaseAuth.js

import { signOut, signInWithEmailAndPassword, createUserWithEmailAndPassword, updatePassword, updateEmail, deleteUser } from "firebase/auth"
import { auth } from "../firebase.config"
import { useAuthStore } from "../stores/auth"
import { errorResponse } from "../helpers/firebaseErrorResponse";
import { useState } from "react";
import router from "../router";

export const useFirebaseAuth = () => {
    const user = auth.currentUser;
    const authStore = useAuthStore()
    const [isLoading, setIsLoading] = useState(false)
    const [error, setError] = useState('')
    
    const handleSignOut = async() => {
        await signOut(auth).then(() => {
            authStore.clearAuthUser()    
            location.href = '/auth'
        }).catch((error) => {
            console.log(errorResponse(error.code))
        });
    }

    const handleSignIn = async (email, password) => {
        setIsLoading(true)
        let result = null

        try {
            result = await signInWithEmailAndPassword(auth, email, password);
            setIsLoading(false)
            authStore.saveAuthUser(result.user)
            router.push('/')
        } catch (e) {
            setError(errorResponse(e.code));
            setIsLoading(false)
        }
    }

    const handleSignUp = async (email, password) => {
        setIsLoading(true)
        let result = null

        try {
            result = await createUserWithEmailAndPassword(auth, email, password);
            setIsLoading(false)
            authStore.saveAuthUser(result.user)
            router.push('/')
        } catch (e) {
            setError(errorResponse(e.code));
            setIsLoading(false)
        }
    }

    const handleChangePassword = (password) => {
        setIsLoading(true)

        updatePassword(user, password).then(() => {
            setIsLoading(false)
            alert('Password Updated Successfully!!!')
        })
        .catch((error) => {
            setIsLoading(false)
            if(error.code === 'auth/requires-recent-login') {
                alert(errorResponse(error.code))
                handleSignOut()
            }

            console.log(errorResponse(error.code))
        });
    }

    const handleUpdateUserEmail = email => {
        setIsLoading(true)

        updateEmail(auth.currentUser, email).then(() => {
            setIsLoading(false)
            alert('Email Updated Successfully!!!')
        }).catch((error) => {
            setIsLoading(false)
            if(error.code === 'auth/requires-recent-login') {
                alert(errorResponse(error.code))
                handleSignOut()
            }

            console.log(errorResponse(error.code))
        });
    }

    const handleDeleteUser = () => {
        deleteUser(user).then(() => {
            alert('Account Deleted')
            handleSignOut()
        }).catch((error) => {
            if(error.code === 'auth/requires-recent-login') {
                alert(errorResponse(error))
                handleSignOut()
            }
            console.log(errorResponse(error.code));
        });
    }

    return { 
        handleSignUp, handleSignIn, handleSignOut, handleChangePassword, 
        handleUpdateUserEmail, handleDeleteUser, isLoading, error 
    }
}