Skip to main content
Docs

<RedirectToSignIn />

The <RedirectToSignIn /> component will navigate to the sign in 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

Note

This component relies on React Router for navigation. Ensure that you have integrated React Router into your Chrome Extension application before using it. Learn how to add React Router to your Chrome Extension.

src/routes/home.tsx
import { SignedIn, SignedOut, RedirectToSignIn, UserButton } from '@clerk/chrome-extension'

export default function Home() {
  return (
    <>
      <SignedIn>
        <UserButton />
      </SignedIn>
      <SignedOut>
        <RedirectToSignIn />
      </SignedOut>
    </>
  )
}

Feedback

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

Last updated on