SignedIn

Conditionally render children only when the user is signed in.

SignedIn

Conditionally renders its children only when a user is authenticated. Returns null during loading or if no active session exists.

import { SignedIn } from "@wacht/tanstack-router";

export default function Dashboard() {
  return (
    <SignedIn>
      <h1>Welcome!</h1>
      <p>This content is only visible to signed-in users.</p>
    </SignedIn>
  );
}

Protected Route

import { SignedIn, NavigateToSignIn } from "@wacht/tanstack-router";

export default function ProtectedPage() {
  return (
    <>
      <SignedIn>
        <ProtectedContent />
      </SignedIn>
      <NavigateToSignIn />
    </>
  );
}

Params

children · ReactNode

Content to render when signed in.

Related

• SignedOut - Render when user is signed out
• useSession - Access session data
• NavigateToSignIn - Auto-navigate to sign-in