Skip to main content
Docs

<SignedOut>

The <SignedOut> component offers authentication checks as a cross-cutting concern. Any child nodes wrapped by a <SignedOut> component will be rendered only if there's no User signed in to your application.

Example

app/routes/home.tsx
import { SignedOut } from '@clerk/react-router'

export default function Home() {
  return (
    <>
      <SignedOut>
        <p>You are signed out.</p>
      </SignedOut>
      <p>This content is always visible.</p>
    </>
  )
}

Properties

  • Name
    treatPendingAsSignedOut?
    Type
    boolean
    Description

    A boolean that indicates whether to treat pending sessionsJavaScript Icon as signed out. Defaults to true.

Feedback

What did you think of this content?
GitHubEdit on GitHub

Last updated on