try manual wrap, no difference

Author: juliusmarminge

examples/react/react-start/src/routes/index.tsx

@@ -1,20 +1,30 @@
 import { Link, createFileRoute } from '@tanstack/react-router'
 import { useSuspenseQuery } from '@tanstack/react-query'
+import { Suspense } from 'react'
 import { projectsQuery } from '../utils/queries'
 import Spinner from '../components/Spinner'
 
 export const Route = createFileRoute('/')({
-  component: ProjectsComponent,
-  pendingComponent: () => <div>Loading projects...</div>,
+  component: RouteComponent,
+  // pendingComponent: () => <div>Loading projects...</div>,
+  wrapInSuspense: false
 })
 
+function RouteComponent() {
+  return (
+    <Suspense fallback={<div>Loading projects...</div>}>
+      <ProjectsComponent />
+    </Suspense>
+  )
+}
+
 function ProjectsComponent() {
   const { data, isFetching } = useSuspenseQuery(projectsQuery())
 
   return (
     <div>
       <h1>TanStack Repositories {isFetching ? <Spinner /> : null}</h1>
-      <Link to='/'>Back</Link>
+      <Link to="/">Back</Link>
       {data.map((project) => (
         <p key={project.full_name}>
           <Link