User needs to refresh the page to get logged in after third party auth (Supabase, NextJS)

Hello everyone,
I'm using supabase with next and third party auth. The problem is that my user has to refresh the page to get logged in after using third party auth. I have tried getting the user's data from the client side with supabase methods and useEffect and from the server side with getServerSideProps with supabase methods and sql request but my userState won't update. However I can see the created user token in my localStorage and in the cookies...

This problem occurs only online, when I'm on localhost everything is working. When the user is loggin in with email everything is working. I noticed that the token is persisting in the url when I'm on local, but it flashes then diasapear when I'm online.

Thanks to anyone who could help.

NanoBit•10/9/22, 6:29 AM

Add a delay when you login.

For ex, when you login, and get the success login from supabase. Wait a few hundred ms before redirect them to your logged-in page. This is because you need time for it to set cookies.

See here for my code Next JS Protected Routes

SidneyOP•10/9/22, 7:59 AM

Hello Nano,
I tried this solution but it won't work with third party auth. The signIn method returns nothing when used with third party auth on the contrary when used with email. It's like all is happening after the setTimeout and the problem stays the same.

SSidney Hello Nano, I tried this solution but it won't work with third party auth. The s...

NanoBit•10/9/22, 8:01 AM

Oh I see, I missed your point on third-party error

SidneyOP•10/9/22, 8:01 AM

I agree with you on the fact that I should delay the login process, but where ? ^^

NanoBit•10/9/22, 8:01 AM

I'm not sure, sorry about that

SidneyOP•10/9/22, 8:02 AM

No worries, thanks anyway for your answer!

Shelby•10/9/22, 8:09 AM

Same issue I got

Shelby•10/9/22, 8:09 AM

Is there any alternative for auth that works properly at least?

SidneyOP•10/9/22, 8:14 AM

Yes, email auth works ok

SidneyOP•10/9/22, 9:01 AM

I'm finding the solution, I will soon write it here

Shelby•10/9/22, 9:01 AM

Thanks

SidneyOP•10/9/22, 9:47 AM

Since the signIn methods returns nothing with third auth, you should use onAuthStateChange to get the user's info.

useEffect(() => {
        supabase.auth.onAuthStateChange(() => {
            setUser(supabase.auth.user())
        })
    }, [])

useEffect(() => {
        supabase.auth.onAuthStateChange(() => {
            setUser(supabase.auth.user())
        })
    }, [])

Bright Minds Academy•6/25/25, 10:20 AM

Hi all, I am facing an issue while sending the verification email using gmail smtp and getting http server serve issue. Any help would be greatly appreciated.

User needs to refresh the page to get logged in after third party auth (Supabase, NextJS)

Similar Threads

Similar Threads

Similar Threads