Complete a custom OAuth flow
Internally, it calls the
Make sure you've followed the installation guide for Clerk React before running the snippets below.
The most common scenario for using the
<AuthenticateWithRedirectCallback/> component, is to complete a custom OAuth sign in or sign up flow in React and NextJS apps. Simply render the component under the route you passed as
redirectUrl to the
For a more detailed walkthrough, you can check the Social Login (OAuth) guide.
Full URL or path to navigate after successful sign in.
Full URL or path to navigate after successful sign up.
Full URL or path to navigate after successful sign in or sign up. The same as setting afterSignInUrl and afterSignUpUrl to the same value.
Full URL or path to navigate during sign in, if 2FA is enabled.