<RedirectToUserProfile />
The <RedirectToUserProfile /> component will navigate to the Account Portal User Profile URL which has been configured in your application instance. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack.
To find your User Profile URL:
- Navigate to the Clerk Dashboard.
- In the navigation sidebar, select Account Portal.
- Under User profile, select the Visit icon.
Usage
import { ClerkProvider, SignedIn, SignedOut, RedirectToUserProfile } from '@clerk/nextjs'
import { AppProps } from 'next/app'
function MyApp({ Component, pageProps }: AppProps) {
return (
<ClerkProvider {...pageProps}>
<SignedIn>
<RedirectToUserProfile />
</SignedIn>
<SignedOut>Please Sign In</SignedOut>
</ClerkProvider>
)
}
export default MyAppimport { ClerkProvider, SignedIn, SignedOut, RedirectToUserProfile } from '@clerk/clerk-react'
function PrivatePage() {
return (
<ClerkProvider publishableKey={`YOUR_PUBLISHABLE_KEY`}>
<SignedIn>
<RedirectToUserProfile />
</SignedIn>
<SignedOut>Please Sign In</SignedOut>
</ClerkProvider>
)
}import { SignedIn, SignedOut, RedirectToUserProfile } from '@clerk/remix'
export default function Index() {
return (
<div>
<SignedIn>
<RedirectToUserProfile />
</SignedIn>
<SignedOut>
<p>Please sign in </p>
</SignedOut>
</div>
)
}Feedback
Last updated on