diff --git a/ts-router/src/pages/about.tsx b/ts-router/src/pages/about.tsx
index ef8debc..4ba4f68 100644
--- a/ts-router/src/pages/about.tsx
+++ b/ts-router/src/pages/about.tsx
@@ -1,8 +1,8 @@
 import { Component, createEffect, Suspense } from 'solid-js';
-import { useData } from 'solid-app-router';
+import { useRouteData } from 'solid-app-router';
 
 export default function About() {
-  const name = useData<() => string>();
+  const name = useRouteData<() => string>();
 
   createEffect(() => {
     console.log(name());