Skip to main content
Docs

Remix is no longer supported in core 3. Switch to React Router or Downgrade to Core 2.

<RedirectToSignUp />

The <RedirectToSignUp /> component will navigate to the sign up 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.

Example

app/routes/_index.tsx
import { Show, RedirectToSignUp, UserButton } from '@clerk/remix'

export default function Index() {
  return (
    <div>
      <Show when="signed-in">
        <UserButton />
      </Show>
      <Show when="signed-out">
        <RedirectToSignUp />
      </Show>
    </div>
  )
}

Feedback

What did you think of this content?

Last updated on