Skip to main content
Docs

<RedirectToUserProfile /> (deprecated)

Warning

This feature is deprecated. Please use the redirectToUserProfile() method instead.

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:

  1. In the Clerk Dashboard, navigate to the Account Portal page.
  2. Under User profile, select the Visit icon.

Usage with frameworks

app/routes/privatepage.tsx
import { ClerkProvider, SignedIn, SignedOut, RedirectToUserProfile } from '@clerk/react-router'

// Import your Publishable Key
const PUBLISHABLE_KEY = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY

if (!PUBLISHABLE_KEY) {
  throw new Error('Add your Clerk Publishable Key to the .env file')
}

function PrivatePage() {
  return (
    <ClerkProvider publishableKey={PUBLISHABLE_KEY}>
      <SignedIn>
        <RedirectToUserProfile />
      </SignedIn>
      <SignedOut>
        <p>You need to sign in to view your user profile.</p>
      </SignedOut>
    </ClerkProvider>
  )
}

Feedback

What did you think of this content?
Edit this page on GitHub

Last updated on