diff --git a/docs/frontend-system/architecture/07-routes.md b/docs/frontend-system/architecture/07-routes.md
index 0b08975ada..422cecdf4d 100644
--- a/docs/frontend-system/architecture/07-routes.md
+++ b/docs/frontend-system/architecture/07-routes.md
@@ -400,13 +400,13 @@ const rootPage = createPageExtension({
   defaultPath: '/'
   routeRef: rootRouteRef,
   loader: async () => {
-    const { path } = useRouteRef(detailsRouteRef)();
+    const detailsRouteRef = useRouteRef(detailsRouteRef)();
 
     return (
       <div>
         <h1>Index Page</h1>
         <Routes>
-          <Route path={path} element={<DetailsPage />} />
+          <Route path={detailsRouteRef.path} element={<DetailsPage />} />
         </Routes>
       </div>
     );