Hi @Najma099,

Thanks for sharing your repo and detailed steps. This “login hangs after logout without page refresh” is a known tricky issue when using NextAuth with the Next.js App Router, especially with Server Actions.

What’s likely happening?

• After signOut(), the session state and NextAuth internal cache might not update immediately on the client side.

• The stale session or auth state causes the subsequent login attempt to hang because the app is confused about the current auth status.

• Manual page refresh clears the client cache and syncs state, which is why login works afterward.

Possible solutions:

1. Force a full client-side refresh after logout

Add a redirect after signOut() completes, for example:

await signOut();
window./* Frame-busting code neutralized by proxy */; // or your login page route

This forces a fresh page load and clears any stale auth state.

2. Use NextAuth’s built-in signOut redirect

Call signOut like:

signOut({ callbackUrl: '/login' });

and let NextAuth handle the redirect.

3. Clear client caches/state explicitly

If you’re using React Query, SWR, or other client cache layers, reset them after logout to avoid stale data.

4. Check Server Actions and Forms integration

Ensure your signOut() call inside the form action properly triggers client-side revalidation or state update.

5. Watch for upcoming NextAuth and Next.js fixes

This ecosystem is rapidly evolving, and some edge cases with the App Router and Server Actions are still being ironed out.

Hope one of these helps fix the hanging login after logout without refresh. Let me know if you want help debugging or adjusting your code.