Signin With Redirect not working

[Johnnyevans32]

Reproduction

https://github.com/posva/nuxt--vuefire-example-spark-plan

Steps to reproduce the bug

1. trigger signInWithRedirect(provider) from firebase auth.

2. redirect to the oauth provider (e.g., twitter).

3. sign in successfully.

4. user is redirected back but not logged in.

5. no persistent auth state or missing result from getRedirectResult().

Screenrecorder-2025-04-16-03-29-39-789.mp4

Expected behavior

after returning from the oauth provider, calling getRedirectResult() should yield the current user state and the auth state should persist across reloads.

Actual behavior

the app reloads and useCurrentUser() returns null

getRedirectResult() doesn't resolve the user

persistence appears broken, even when set to local

Additional information

signInWithPopup() works fine

[krthr]

It's happening to me

[rtxd]

Same for me

[aligu7]

Same issue. signInWithPopup works but signInWithRedirect doesn't:

<script setup lang="ts">
import { getRedirectResult, signInWithRedirect, GoogleAuthProvider } from 'firebase/auth'
import { useFirebaseAuth } from 'vuefire'

const auth = useFirebaseAuth()

function signInWithGoogle() {
  signInWithRedirect(auth, new GoogleAuthProvider())
}
</script>

[aligu7]

@Johnnyevans32 , this fixes the issue for me: https://stackoverflow.com/questions/77270210/firebase-onauthstatechanged-user-returns-null-when-on-localhost

[davidstackio]

This is more of a firebase issue, not a vuefire issue. I've been experiencing this for years in development. What I do is something like this in my imports, then toggle the comment when I need to login to test.

import {
  GoogleAuthProvider,
  // signInWithPopup, // use this with localhost, still might need to refresh or manually update address bar
  signInWithRedirect,
} from "firebase/auth";