use clerk-solidjs-tanstack-start

Author: birkskyum

examples/solid/start-clerk-basic/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && tsc --noEmit",
-    "start": "vite start"
+    "start": "pnpx srvx --prod -s ../client dist/server/server.js"
   },
   "dependencies": {
     "clerk-solidjs-tanstack-start": "^0.0.3",

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

@@ -5,7 +5,7 @@ import {
   SignedIn,
   SignedOut,
   UserButton,
-} from '@clerk/tanstack-solid-start'
+} from 'clerk-solidjs-tanstack-start'
 import { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'
 import { createServerFn } from '@tanstack/solid-start'
 
@@ -16,7 +16,7 @@ import {
   Scripts,
   createRootRoute,
 } from '@tanstack/solid-router'
-import { auth } from '@clerk/tanstack-solid-start/server'
+import { auth } from 'clerk-solidjs-tanstack-start/server'
 import { HydrationScript } from 'solid-js/web'
 import type { JSXElement } from 'solid-js'
 import { DefaultCatchBoundary } from '~/components/DefaultCatchBoundary.js'

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

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

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

@@ -1,9 +1,8 @@
-import { clerkMiddleware } from '@clerk/tanstack-solid-start/server'
+import { clerkMiddleware } from 'clerk-solidjs-tanstack-start/server'
 import { createStart } from '@tanstack/solid-start'
-import type { AnyRequestMiddleware } from '@tanstack/solid-start'
 
 export const startInstance = createStart(() => {
   return {
-    requestMiddleware: [clerkMiddleware() as AnyRequestMiddleware],
+    requestMiddleware: [clerkMiddleware()],
   }
 })