fix: Update code to work with latest

clerk · Nov 15, 2024 · 44a7bbf · 44a7bbf
1 parent ea0ad56
commit 44a7bbf
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 15 deletions.
diff --git a/app.config.ts b/app.config.ts
@@ -3,10 +3,10 @@ import tsConfigPaths from 'vite-tsconfig-paths'
 
 export default defineConfig({
   vite: {
-    plugins: () => [
+    plugins: [
       tsConfigPaths({
         projects: ['./tsconfig.json'],
-      }),
+      })
     ],
   },
 })
diff --git a/app/client.tsx b/app/client.tsx
@@ -4,4 +4,4 @@ import { createRouter } from './router'
 
 const router = createRouter()
 
-hydrateRoot(document.getElementById('root')!, <StartClient router={router} />)
+hydrateRoot(document!, <StartClient router={router} />)
diff --git a/app/routeTree.gen.ts b/app/routeTree.gen.ts
@@ -1,12 +1,12 @@
-/* prettier-ignore-start */
-
 /* eslint-disable */
 
 // @ts-nocheck
 
 // noinspection JSUnusedGlobalSymbols
 
-// This file is auto-generated by TanStack Router
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
 // Import Routes
 
@@ -16,6 +16,7 @@ import { Route as IndexImport } from './routes/index'
 // Create/Update Routes
 
 const IndexRoute = IndexImport.update({
+  id: '/',
   path: '/',
   getParentRoute: () => rootRoute,
 } as any)
@@ -70,8 +71,6 @@ export const routeTree = rootRoute
   ._addFileChildren(rootRouteChildren)
   ._addFileTypes<FileRouteTypes>()
 
-/* prettier-ignore-end */
-
 /* ROUTE_MANIFEST_START
 {
   "routes": {

diff --git a/app/routes/__root.tsx b/app/routes/__root.tsx
@@ -1,5 +1,5 @@
 import { Outlet, ScrollRestoration, createRootRoute } from '@tanstack/react-router'
-import { Body, Head, Html, Meta, Scripts } from '@tanstack/start'
+import { Meta, Scripts } from '@tanstack/start'
 import type * as React from 'react'
 import { ClerkProvider } from '@clerk/tanstack-start'
 
@@ -16,16 +16,16 @@ export const Route = createRootRoute({
 function RootDocument({ children }: { children: React.ReactNode }) {
   return (
     <ClerkProvider>
-      <Html>
-        <Head>
+      <html>
+        <head>
           <Meta />
-        </Head>
-        <Body>
+        </head>
+        <body>
           {children}
           <ScrollRestoration />
           <Scripts />
-        </Body>
-      </Html>
+        </body>
+      </html>
     </ClerkProvider>
   )
 }
Original file line number	Diff line number	Diff line change
Expand Up		@@ -4,4 +4,4 @@ import { createRouter } from './router'

		const router = createRouter()

		hydrateRoot(document.getElementById('root')!, <StartClient router={router} />)
		hydrateRoot(document!, <StartClient router={router} />)