Always requests a custom token from API

[theobouwman]

I assumed that after the first login the token used for authentication would be reused instead of requesting a custom token each time? Or am I wrong on this?

I'm using firebase with custom token signin from our API. But, it is kinda slow in my opinion, takes 2,8-3,2 seconds. Our custom API responds within 200ms with the custom token.

We would like to have a login time of maximum 1 second.

My RootNavigator.tsx:

useEffect(() => {
        if (isSuccess && authData && authData?.data) {
            auth().signInWithCustomToken(authData.data.token).then(async (res: any) => {
                // wait for the returned custom token with its claims to be set in store so subsequent requests use the correct token
                dispatch(setToken(await res.user?.getIdToken())).unwrap().then(() => {
                    setIsAuthDone(true)
                    setError(false)
                    setIsLoading(false)
                })
            }).catch((err: any) => {
                setIsLoading(false)
                setError(true)
                console.log('SignInWithCustomToken Error', err)

                crashlytics().log('SignInWithCustomToken Error');
                crashlytics().log(err)
                crashlytics().recordError(new Error(err as string));
            })
        }
    }, [isSuccess, authData])

 useEffect(() => {
        // onAuthStateChanged returns an unsubscriber
        const unsubscribeAuth = auth().onAuthStateChanged(async authenticatedUser => {
            if (authenticatedUser) {
                dispatch(setToken(await authenticatedUser?.getIdToken()))
            } else {
                setIsAuthDone(false)
                setIsLoading(false)
            }
        });

        // unsubscribe auth listener on unmount
        return unsubscribeAuth;
    }, []);