<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
import { SignedOut } from '@clerk/tanstack-react-start'
import { createFileRoute } from '@tanstack/react-router'
export const Route = createFileRoute('/')({
component: Home,
})
function Home() {
return (
<div>
<SignedOut>
<p>You are signed out.</p>
</SignedOut>
<p>This content is always visible.</p>
</div>
)
}- Name
treatPendingAsSignedOut?- Type
boolean- Description
A boolean that indicates whether to treat pending sessions as signed out. Defaults to
true.
Feedback
Last updated on
Edit on GitHub