Use defer in child loader

remix-run · Mar 2, 2024 · 7df4b5d · 7df4b5d
1 parent 864d796
commit 7df4b5d
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/examples/data-router/src/app.tsx b/examples/data-router/src/app.tsx
@@ -409,8 +409,10 @@ function RenderAwaitedError() {
 }
 
 export async function childLoader({ routeLoaderData }: LoaderFunctionArgs) {
-  const data = await routeLoaderData("deferred")! as DeferredRouteLoaderData
-  return data.lazy2.then((message) => "Child: " + message)
+  const dataPromise = routeLoaderData("deferred")! as Promise<DeferredRouteLoaderData>
+  return defer({
+    lazy2: dataPromise.then(data => data.lazy2.then((message) => "Child: " + message))
+  })
 }
 
 export function DeferredChild(): React.ReactElement {