Index

1import {
2  Show,
3  UserButton,
4  SignInButton,
5} from '@clerk/tanstack-react-start'
6import { createFileRoute } from '@tanstack/react-router'
7
8export const Route = createFileRoute('/')({
9  component: Home,
10})
11
12function Home() {
13  return (
14    <div>
15      <h1>Index Route</h1>
16      <Show when="signed-in">
17        <p>You are signed in</p>
18        <UserButton />
19      </Show>
20      <Show when="signed-out">
21        <p>You are signed out</p>
22        <SignInButton />
23      </Show>
24    </div>
25  )
26}