Invitation implementation using next’s

[codesridhar]

Summary

I’m working on a Next.js app and trying to implement an invitation flow. When an invitation link is accessed (e.g., with ?invitation=xyz&organization=abc ), I want to redirect users to either the dashboard (if they’re logged in) or to the signup/login page with the invitation parameters preserved.

if (invitation && organization) {
  if (user) {
    router.push(`/dashboard?invitation=${invitation}&organization=${organization}${organization_name ? `&organization_name=${organization_name}` : ''}`);
  } else {
    const authUrl = new URL('/authorize', window.location.origin);
    authUrl.searchParams.set('invitation', invitation);
    authUrl.searchParams.set('organization', organization);
    if (organization_name) {
      authUrl.searchParams.set('organization_name', organization_name);
    }
    window.location.href = authUrl.toString();
  }
}

The issue I’m facing is that users are not being redirected to the signup page (/authorize) as expected when not logged in. Instead, the redirect either fails silently or redirects to login screen.

Has anyone implemented something similar in Next.js and can help me figure out what I might be missing? Could this be related to Next.js routing, Auth0 configuration, or browser behavior?

Thanks,
Sridhar

Additional information

No response

Example

No response

[icyJoseph]

There's this being done, useEffect?

I think, maybe first start with a Route Handler, yes there'll be no UI telling the user what's happening, but let's start there. Your logic to check sessions and stuff should redirect people to the correct route.

If you don't wanna do that, let's then explore what might be going on here...

From what you describe the else branch is not triggering? It is odd that of all things that'd fail. Are you sure there isn't any other logic that could be also running and causing a sort of "race condition"?