diff --git a/docs/quickstarts/tanstack-start.mdx b/docs/quickstarts/tanstack-start.mdx index 7ebc3e53b8..42f29186be 100644 --- a/docs/quickstarts/tanstack-start.mdx +++ b/docs/quickstarts/tanstack-start.mdx @@ -39,15 +39,15 @@ description: Learn how to use Clerk to quickly and easily add secure authenticat ```bash {{ filename: 'terminal' }} - npm install @clerk/tanstack-start@beta + npm install @clerk/tanstack-start ``` ```bash {{ filename: 'terminal' }} - yarn add @clerk/tanstack-start@beta + yarn add @clerk/tanstack-start ``` ```bash {{ filename: 'terminal' }} - pnpm add @clerk/tanstack-start@beta + pnpm add @clerk/tanstack-start ``` @@ -100,7 +100,7 @@ description: Learn how to use Clerk to quickly and easily add secure authenticat ```tsx {{ filename: 'app/routes/__root.tsx', ins: [4, 18, 29] }} import { Outlet, ScrollRestoration, createRootRoute } from '@tanstack/react-router' - import { Body, Head, Html, Meta, Scripts } from '@tanstack/start' + import { Meta, Scripts } from '@tanstack/start' import * as React from 'react' import { ClerkProvider } from '@clerk/tanstack-start' @@ -117,16 +117,16 @@ description: Learn how to use Clerk to quickly and easily add secure authenticat function RootDocument({ children }: { children: React.ReactNode }) { return ( - - + + - - + + {children} - - + + ) } @@ -166,12 +166,10 @@ description: Learn how to use Clerk to quickly and easily add secure authenticat

Index Route

You are signed in

-

You are signed out

-
@@ -190,9 +188,10 @@ description: Learn how to use Clerk to quickly and easily add secure authenticat import { createFileRoute, redirect } from '@tanstack/react-router' import { createServerFn } from '@tanstack/start' import { getAuth } from '@clerk/tanstack-start/server' + import { getWebRequest } from 'vinxi/http' - const authStateFn = createServerFn('GET', async (_, { request }) => { - const { userId } = await getAuth(request) + const authStateFn = createServerFn({ method: 'GET' }).handler(async () => { + const { userId } = await getAuth(getWebRequest()) if (!userId) { // This will error because you're redirecting to a path that doesn't exist yet diff --git a/docs/references/tanstack-start/get-auth.mdx b/docs/references/tanstack-start/get-auth.mdx index a14080cecb..30b494127c 100644 --- a/docs/references/tanstack-start/get-auth.mdx +++ b/docs/references/tanstack-start/get-auth.mdx @@ -35,9 +35,10 @@ The following example demonstrates how to use `getAuth()` to retrieve authentica import { createFileRoute, useRouter, redirect } from '@tanstack/react-router' import { createServerFn } from '@tanstack/start' import { getAuth } from '@clerk/tanstack-start/server' +import { getWebRequest } from 'vinxi/http' -const authStateFn = createServerFn('GET', async (_, { request }) => { - const { userId } = await getAuth(request) +const authStateFn = createServerFn({ method: 'GET' }).handler(async () => { + const { userId } = await getAuth(getWebRequest()) if (!userId) { // This might error if you're redirecting to a path that doesn't exist yet