如何根据 Firebase 身份验证状态重定向用户？

Question

I would like to redirect users when they sign in with Github or others based on whether they are a new user or a returning user. I'm having trouble accessing the isNewUser property referenced in this answer: How to differentiate signin and signup user in firebase using google auth?

I have a standard sign in function:

const signinWithGoogle = () => {
    return auth.signInWithPopup(googleProvider)
    .then((response) => {
        handleUser(response.user)
    })
}

This is the handleUser function:

const handleUser = (rawUser) => {
    if (rawUser) {
        const currentUser = formatUser(rawUser)
        createUser(currentUser.uid, currentUser)
        setCurrentUser(currentUser)
        if (currentUser.providerData[0].isNewUser===true) {
            history.push("/onboarding")
        } else {
            history.push("/")
        }
        return currentUser
    }
    else {
        setCurrentUser(false)
        return false
    }
}

And this is formatUser:

const formatUser = (user) => {
return {
    uid: user.uid,
    email: user.email,
    name: user.displayName,
    provider: user.providerData[0].providerId,
    avatar: user.photoURL,
}
}

Can anyone see what I'm doing wrong, please?

Cheers, Matt

EDIT:

If we pass the response to the HandleUser function and console log response.additionalUserInfo.isNewUser we get 'true'. However, if we use that in our if statement, it seems to be ignored for some reason

const handleUser = (response) => {
    if (response) {
        console.log("response: ", response.additionalUserInfo.isNewUser)
        const currentUser = formatUser(response.user)
        createUser(currentUser.uid, currentUser)
        setCurrentUser(currentUser)
        console.log('response', response)
        console.log('additional info', response.additionalUserInfo)
        const isNew = response.additionalUserInfo.isNewUser
        console.log('isNewUser', isNewUser)
        if (isNew) {
            console.log('redirecting to /onboarding')
            history.push("/onboarding")
        } else {
            console.log('redirecting to /')
            history.push("/")
        }
        return currentUser
    }
    else {
        setCurrentUser(false)
        return false
    }
}

EDIT 2: Here is the output from the console logs

That error is coming from the signInWithGithub function in the modal

async function signInGitHub() {
    try {
        await signinWithGitHub()
    }

    catch(err) {
        console.log("Error: ",err.code)
    }

    finally {
        closeModal();
    }
}

Answer 1

It looks like you are passing a User to that function and not the raw response. The isNewUser is present on the additionalUserInfo property. Please try refactoring as shown below:

const handleUser = (rawUser) => {
    if (rawUser) {
        const currentUser = formatUser(rawUser.user)
        createUser(currentUser.uid, currentUser)
        setCurrentUser(currentUser)
        if (currentUser.additionalUserInfo.isNewUser) {
            history.push("/onboarding")
        } else {
            history.push("/")
        }
        return currentUser
    }
    else {
        setCurrentUser(false)
        return false
    }
}

Also make sure you pass the raw response:

handleUser(response.user)