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

app/routes/index.tsx
import { SignedOut, RedirectToTasks } from '@clerk/tanstack-react-start'
import { createFileRoute } from '@tanstack/react-router'

export const Route = createFileRoute('/')({
  component: Home,
})

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

Feedback

What did you think of this content?
GitHubEdit on GitHub

Last updated on