chore(examples): Use updated Clerk SDK

examples/react/start-clerk-basic/package.disabled.json

@@ -9,10 +9,10 @@
     "start": "vite start"
   },
   "dependencies": {
-    "@clerk/tanstack-react-start": "^0.19.0",
-    "@tanstack/react-router": "^1.132.0-alpha.25",
-    "@tanstack/react-router-devtools": "^1.132.0-alpha.25",
-    "@tanstack/react-start": "^1.132.0-alpha.25",
+    "@clerk/tanstack-react-start": "^0.26.2",
+    "@tanstack/react-router": "^1.133.8",
+    "@tanstack/react-router-devtools": "^1.133.8",
+    "@tanstack/react-start": "^1.133.8",
     "@vitejs/plugin-react": "^4.3.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",

examples/react/start-clerk-basic/src/router.tsx

@@ -14,3 +14,9 @@ export function getRouter() {
 
   return router
 }
+
+declare module '@tanstack/react-router' {
+  interface Register {
+    router: ReturnType<typeof getRouter>;
+  }
+}

examples/react/start-clerk-basic/src/routes/__root.tsx

@@ -1,11 +1,4 @@
 /// <reference types="vite/client" />
-import {
-  HeadContent,
-  Link,
-  Outlet,
-  Scripts,
-  createRootRoute,
-} from '@tanstack/react-router'
 import {
   ClerkProvider,
   SignInButton,
@@ -15,15 +8,21 @@ import {
 } from '@clerk/tanstack-react-start'
 import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
 import { createServerFn } from '@tanstack/react-start'
+import { auth } from '@clerk/tanstack-react-start/server'
 import * as React from 'react'
-import { getAuth } from '@clerk/tanstack-react-start/server'
-import { getRequest } from '@tanstack/react-start/server'
+import {
+  HeadContent,
+  Link,
+  Outlet,
+  Scripts,
+  createRootRoute,
+} from '@tanstack/react-router'
 import { DefaultCatchBoundary } from '~/components/DefaultCatchBoundary.js'
 import { NotFound } from '~/components/NotFound.js'
 import appCss from '~/styles/app.css?url'
 
 const fetchClerkAuth = createServerFn({ method: 'GET' }).handler(async () => {
-  const { userId } = await getAuth(getRequest())
+  const { userId } = await auth()
 
   return {
     userId,

examples/react/start-clerk-basic/src/routes/_authed.tsx

@@ -1,5 +1,5 @@
-import { createFileRoute } from '@tanstack/react-router'
 import { SignIn } from '@clerk/tanstack-react-start'
+import { createFileRoute } from '@tanstack/react-router'
 
 export const Route = createFileRoute('/_authed')({
   beforeLoad: ({ context }) => {

examples/react/start-clerk-basic/src/start.ts

@@ -0,0 +1,8 @@
+import { clerkMiddleware } from '@clerk/tanstack-react-start/server';
+import { createStart } from '@tanstack/react-start';
+
+export const startInstance = createStart(() => {
+  return {
+    requestMiddleware: [clerkMiddleware()],
+  };
+});