Skip to main content
Docs

<RedirectToTasks />

The <RedirectToTasks /> component will navigate to the tasks flow which has been configured in your application instance when users have pending session tasks. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack. See the guide on creating custom pages for sessions tasks.

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 { SignedOut, RedirectToTasks } from '@clerk/chrome-extension'

export default function Home() {
  return (
    <>
      <SignedOut>
        <RedirectToTasks />
      </SignedOut>
    </>
  )
}

Feedback

What did you think of this content?

Last updated on