still working

Author: brenelz

packages/solid-start-client/src/StartClient.tsx

@@ -1,10 +1,15 @@
-import { Suspense } from 'solid-js';
+import { createResource, Suspense } from 'solid-js';
 import { Await, RouterProvider } from '@tanstack/solid-router'
 import { hydrateStart } from '@tanstack/start-client-core/client';
 import type { AnyRouter } from '@tanstack/router-core'
 
 export function StartClient({ router }: { router: AnyRouter }) {
+  const [resource] = createResource(() => new Promise(r => r(hydrateStart())))
+
   return (
-    <RouterProvider router={router} />
+    <Suspense fallback={<div>Loading...</div>}>
+      <RouterProvider router={router} />
+      {resource() ? '' : ''}
+    </Suspense>
   )
 }

packages/solid-start-server/src/StartServer.tsx

@@ -5,7 +5,12 @@ import type { AnyRouter } from '@tanstack/router-core'
 export function StartServer<TRouter extends AnyRouter>(props: {
   router: TRouter
 }) {
+  const [resource] = createResource(() => new Promise(r => r(true)))
+
   return (
-    <RouterProvider router={props.router} />
+    <Suspense fallback={<div>Loading...</div>}>
+      <RouterProvider router={props.router} />
+      {resource() ? '' : ''}
+    </Suspense>
   )
 }