Unable to login via Firebase Auth in a NuxtJS PWA using signInWithRedirect

[isaactan98]

Hi people on the internet,

Currently, I'm building a PWA using NuxtJS with Firebase Auth. I have tried both signInWithPopup & signInWithRedirect in PWA but was unable to log in to the user (was able to login user with signInWithPopup in browser). The result returning are null based on the consle for onAuthStateChanged & getRedirectResult.

attached segment of code in mounted:

auth.onAuthStateChanged((user: any) => {
    console.log(user)
    if (user) {
        this.user = user
    }
});
getRedirectResult(auth).then((result) => {
    console.warn("getRedirectResult", result)
    if (result?.user) {
        this.user = result.user
    }
}).catch((error: any) => {
    console.log(error)
    alert(error.message)
});

code in loginButton method

const auth = this.fb.getAuth()
const provider = new GoogleAuthProvider();
provider.setCustomParameters({
    prompt: 'select_account'
});
const isPwa = window.matchMedia('(display-mode: fullscreen)').matches
if (isPwa) {
    await signInWithRedirect(auth, provider).then((res) => {
        console.warn("res", res)
    }).catch((error: any) => {
        console.log(error)
        alert(error.message)
    });
}
else {
    await signInWithPopup(auth, provider).then((res) => {
        console.log("res", res)
        this.user = res.user
    }).catch((error: any) => {
        console.log(error)
        alert(error.message)
    });
}

do let me know if any more information is needed for this case.
Thanks.