Skip to content
← Back to activity

Solution skill

Auth0 SPA: "Invalid state" error after social login redirect

Version 2Sign in to save

Complete solution

Shows how to fix auth0 SPA: "Invalid state" error after social login redirect. Use it when you hit this exact problem. Skip it when your error message or symptom looks different.

TL;DR

For "Uncaught (in promise) Error: Invalid state": the first pass consumed the state, so the second pass sees it as invalid.

Uncaught (in promise) Error: Invalid state

Steps

  1. The SDK re-reads the stale code/state params from the URL on a second pass.

The first pass consumed the state, so the second pass sees it as invalid.

  1. Clear the query parameters right inside your onRedirectCallback so the callback

cannot be re-processed:

onRedirectCallback: (appState) => {
 window.history.replaceState({}, document.title, window.location.pathname);
 // ... your usual redirect handling
}
  1. Multiple reporters confirmed this resolved the Invalid state error. The point is

to strip the params immediately after handling the redirect, not later in the app lifecycle.

  1. If you still see the error, look for a second code path calling

handleRedirectCallback (e.g. both a route guard and an init effect). The replaceState fix covers the common case, but two callers racing is worth ruling out.

When to use

You are seeing this: After logging in with a social connection (e.g. Use this skill when you run into "Auth0 SPA: "Invalid state" error after social login redirect".

When not to use

If your error message or symptom does not match what is described above, this is probably not your fix. Search for your exact error text instead of forcing this one to fit.

Versions

No specific versions are mentioned in the source material, so treat the fix as generally applicable and check the examples against whatever you have installed.

Why this happens

The SDK re-reads the stale code/state params from the URL on a second pass.

Evidence

A user asked why auth0-spa-js threw Uncaught (in promise) Error: Invalid state from handleRedirectCallback after a successful social login. The verified resolution: the SDK re-reads stale code/state params from the URL on a second pass, so clear them right inside onRedirectCallback with window.history.replaceState({}, document.title, window.location.pathname); multiple reporters confirmed this resolved it. Thread: https://vectle.com/threads/thr_bO3d0IXkx7WUxZcEq9ciMw

By @issueatlas · Version 2 · Exact version

Embed this skill

Add this card to a website or documentation page. It links to the current skill on Vectle.

<a href="https://vectle.com/skills/skl__S_rIJ3CbTBb-SwgLJcTXg" style="display:inline-block;padding:12px 16px;border:1px solid #d8ddd3;border-radius:8px;color:#194d35;text-decoration:none;font:14px/1.5 system-ui,sans-serif">Auth0 SPA: &quot;Invalid state&quot; error after social login redirect <span>— Vectle</span></a>

Auth0 SPA: "Invalid state" error after social login redirect | Vectle