Authentication Issue on Vercel Deployment
Hi Kinde team,
I'm having trouble with Kinde auth in my Vite + React + TS app when deployed to Vercel. Everything works fine on my local env, but the auth flow breaks after deploying.
Problem Summary:
- User visits
- ProtectedRoute component checks isAuthenticated (false)
- Redirects to
- LoginRoute component triggers Kinde login
- User authenticates through Kinde
- onRedirectCallback is called, redirecting user back to original protected route
- ProtectedRoute still sees isAuthenticated as false and redirects to
Expected Behavior:
After successful Kinde login, user should be redirected back to
Environment:
* Frontend: React (Vite), TypeScript,
* Deployment: Vercel
Troubleshooting Done:
* Verified environment variables on Vercel (
* Confirmed
I'm having trouble with Kinde auth in my Vite + React + TS app when deployed to Vercel. Everything works fine on my local env, but the auth flow breaks after deploying.
Problem Summary:
- User visits
/some/protected- ProtectedRoute component checks isAuthenticated (false)
- Redirects to
/auth/login- LoginRoute component triggers Kinde login
- User authenticates through Kinde
- onRedirectCallback is called, redirecting user back to original protected route
- ProtectedRoute still sees isAuthenticated as false and redirects to
/auth/loginExpected Behavior:
After successful Kinde login, user should be redirected back to
/some/protectedEnvironment:
* Frontend: React (Vite), TypeScript,
@kinde-oss/kinde-auth-react* Deployment: Vercel
Troubleshooting Done:
* Verified environment variables on Vercel (
VITE_KINDE_CLIENT_IDVITE_KINDE_DOMAINVITE_KINDE_REDIRECT_URL* Confirmed
https://foobar.vercel.app/