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