What to do with Supabase auth `OAuth state is invalid: signature is invalid`

[swyxio]

---

slug: supabase-auth-problems category: note

I am still working on my same supasbase project from yesterday. This is what happens when I run my nextjs app with supabase locally and try to log in:

OAuth state is invalid: signature is invalid

The URL is : https://REDACTED.supabase.co/auth/v1/callback?error=redirect_uri_mismatch&error_description=The+redirect_uri+MUST+match+the+registered+callback+URL+for+this+application.&error_uri=https%3A%2F%2Fdocs.github.com%2Fapps%2Fmanaging-oauth-apps%2Ftroubleshooting-authorization-request-errors%2F%23redirect-uri-mismatch&state=REDACTED

Googling these errors is of course not helpful. However the error URI mentions URI registration: https://docs.github.com/en/apps/oauth-apps/maintaining-oauth-apps/troubleshooting-authorization-request-errors#redirect-uri-mismatch

I suspect this is the callback mentioned here:

I have to switch from:

• https://lvjaeuxmhuiwhxwrejqa.supabase.co/auth/v1/callback
• to: http://localhost:3000/talk/api/auth/callback - doesnt work
  • http://localhost:3000/auth/v1/callback redirects to smol.ai/talk/sign-in
  • http://localhost:3000/talk/auth/v1/callback doesnt work

[swyxio]

i ended up solving it by switching the callback URL to the staging url... its been too long i cant remember what i did sorry. will double back if i run into this problem again.