chore(examples): Use updated Clerk SDK (#5514)

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: wobsoriano

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

@@ -9,15 +9,16 @@
     "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.3",
+    "@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",
     "redaxios": "^0.5.1",
-    "tailwind-merge": "^2.6.0"
+    "tailwind-merge": "^2.6.0",
+    "srvx": "0.8.15"
   },
   "devDependencies": {
     "@types/node": "^22.5.4",

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/server.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()],
+  }
+})