diff --git a/ts-router/src/pages/about.tsx b/ts-router/src/pages/about.tsx
index 771c86d..a08efb6 100644
--- a/ts-router/src/pages/about.tsx
+++ b/ts-router/src/pages/about.tsx
@@ -1,15 +1,20 @@
 import { Suspense } from "solid-js";
+import { useData } from "solid-app-router";
 
-export default function About(props) {
+export default function About() {
+  const data = useData();
+  
   return (
     <section class="bg-pink-100 text-gray-700 p-8">
       <h1 class="text-2xl font-bold">About</h1>
 
       <p class="mt-4">A page all about this website.</p>
-
-      <pre class="mt-4">
-        <code>{JSON.stringify(props, null, 2)}</code>
-      </pre>
+      
+      <Suspense>
+        <pre class="mt-4">
+          <code>{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      </Suspense>
     </section>
   );
 }