Skip to main content

Redirection Callback Hook

This function is used to change where the user is redirected to post certain actions. For example, you can use this to redirect a user to a specific URL post sign in / up. If you're embedding the sign in / up components in a popup and wish to disable redirection entirely, simply return null.

import ThirdPartyEmailPassword from "supertokens-auth-react/recipe/thirdpartyemailpassword";
import SuperTokens from "supertokens-auth-react";

SuperTokens.init({
appInfo: {
appName: "SuperTokens",
apiDomain: "http://localhost:3000",
websiteDomain: "http://localhost:3000"
},
getRedirectionURL: async (context) => {
if (context.action === "SUCCESS" && context.newSessionCreated) {
// called on a successful sign in / up. Where should the user go next?
let redirectToPath = context.redirectToPath;
if (redirectToPath !== undefined) {
// we are navigating back to where the user was before they authenticated
return redirectToPath;
}
if (context.createdNewUser) {
// user signed up
return "/onboarding"
} else {
// user signed in
return "/dashboard"
}
} else if (context.action === "TO_AUTH") {
// called when the user is not authenticated and needs to be redirected to the auth page.
return "/auth";
}
// return undefined to let the default behaviour play out
return undefined;
},
recipeList: [
ThirdPartyEmailPassword.init({
getRedirectionURL: async (context) => {
if (context.action === "RESET_PASSWORD") {
// called when the user clicked on the forgot password button
}
// return undefined to let the default behaviour play out
return undefined;
}
})]
});
Looking for older versions of the documentation?
Which UI do you use?
Custom UI
Pre built UI