Redirecting Users to Dynamic Stripe Payment Link After GitHub Authentication with NextAuth

[sasha-korovkina]

I'm trying to redirect users to a dynamic payment link (generated by Stripe and stored in Local Storage) after they authenticate with GitHub using NextAuth.

Here's the current code I'm using:

const stripeLink = localStorage.getItem("stripePaymentLink");
if (stripeLink) {
  signIn('github', { callbackUrl: stripeLink });
} else {
  console.warn("Stripe link not found in localStorage");
  signIn('github', { callbackUrl: '/dashboard' });
}

I have implemented the following solution for credential-based login:

// Redirect logic after successful sign-in
  useEffect(() => {
    if (isSignedIn) {
      const stripePaymentLink = localStorage.getItem("stripePaymentLink");

      if (stripePaymentLink) { 
        localStorage.removeItem("stripePaymentLink");
        router.push(`${stripePaymentLink}`);
      } else {
        router.push('/dashboard'); 
      }

      router.refresh();
    }
  }, [isSignedIn, router]);

What is the best way to implement this redirection to the Stripe payment link after GitHub authentication with NextAuth? Is there a more effective way to handle this use case?

Thanks in advance!