<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.

The prebuilt session task flow is hosted through Clerk's Account Portal. For example, if the user has a pending choose-organization task, they will be redirected to the /tasks/choose-organization Account Portal page. If you don't want to use the prebuilt components or Account Portal, you can build a custom flow.

Example

Your sign-up/sign-in flow should handle session tasks, but if a user's authentication flow is interrupted and they aren't able to complete the tasks, you can use the <RedirectToTasks /> component to redirect them to the appropriate task page.

src/
└── app/
    └── (protected)/
        ├── _layout.tsx
        └── _layout.web.tsx

import { Slot } from 'expo-router'

export default function Layout() {
  return <Slot />
}

import { RedirectToTasks } from '@clerk/expo/web'
import { Slot } from 'expo-router'

export default function Layout() {
  return (
    <>
      <RedirectToTasks />
      <Slot />
    </>
  )
}