chore: make /help a lazy route

.changeset/sweet-seals-laugh.md

@@ -0,0 +1,5 @@
+---
+"react-starter-boilerplate": minor
+---
+
+Change /help page to be a lazy route as an example

src/routeTree.gen.ts

@@ -8,29 +8,34 @@
 
 // This file is auto-generated by TanStack Router
 
+import { createFileRoute } from '@tanstack/react-router'
+
 // Import Routes
 
 import { Route as rootRoute } from './routes/__root'
 import { Route as IndexImport } from './routes/index'
 import { Route as UsersIndexImport } from './routes/users/index'
-import { Route as HelpIndexImport } from './routes/help/index'
 import { Route as AboutIndexImport } from './routes/about/index'
 import { Route as UsersIdIndexImport } from './routes/users/$id/index'
 
+// Create Virtual Routes
+
+const HelpIndexLazyImport = createFileRoute('/help/')()
+
 // Create/Update Routes
 
 const IndexRoute = IndexImport.update({
   path: '/',
   getParentRoute: () => rootRoute,
 } as any)
 
-const UsersIndexRoute = UsersIndexImport.update({
-  path: '/users/',
+const HelpIndexLazyRoute = HelpIndexLazyImport.update({
+  path: '/help/',
   getParentRoute: () => rootRoute,
-} as any)
+} as any).lazy(() => import('./routes/help/index.lazy').then((d) => d.Route))
 
-const HelpIndexRoute = HelpIndexImport.update({
-  path: '/help/',
+const UsersIndexRoute = UsersIndexImport.update({
+  path: '/users/',
   getParentRoute: () => rootRoute,
 } as any)
 
@@ -56,14 +61,14 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof AboutIndexImport
       parentRoute: typeof rootRoute
     }
-    '/help/': {
-      preLoaderRoute: typeof HelpIndexImport
-      parentRoute: typeof rootRoute
-    }
     '/users/': {
       preLoaderRoute: typeof UsersIndexImport
       parentRoute: typeof rootRoute
     }
+    '/help/': {
+      preLoaderRoute: typeof HelpIndexLazyImport
+      parentRoute: typeof rootRoute
+    }
     '/users/$id/': {
       preLoaderRoute: typeof UsersIdIndexImport
       parentRoute: typeof rootRoute
@@ -76,8 +81,8 @@ declare module '@tanstack/react-router' {
 export const routeTree = rootRoute.addChildren([
   IndexRoute,
   AboutIndexRoute,
-  HelpIndexRoute,
   UsersIndexRoute,
+  HelpIndexLazyRoute,
   UsersIdIndexRoute,
 ])
 

src/routes/help/index.lazy.tsx

@@ -0,0 +1,7 @@
+import { createLazyFileRoute } from '@tanstack/react-router';
+
+import { Help } from 'routes/help/-components/Help';
+
+export const Route = createLazyFileRoute('/help/')({
+  component: () => <Help />,
+});