diff --git a/src/routes/solid-router/advanced-concepts/lazy-loading.mdx b/src/routes/solid-router/advanced-concepts/lazy-loading.mdx
index 2d9e45d1f..4664670bd 100644
--- a/src/routes/solid-router/advanced-concepts/lazy-loading.mdx
+++ b/src/routes/solid-router/advanced-concepts/lazy-loading.mdx
@@ -13,15 +13,14 @@ import { Router, Route } from "@solidjs/router";
 
 const Home = () => import("./Home");
 const Users = lazy(() => import("./Users"));
-
 const App = () => (
   <Router>
-    <Route path="/" element={<Home />} />
-    <Route path="/users" element={<Users />} />
+    <Route path="/" component={<Home />} />
+    <Route path="/users" component={<Users />} />
   </Router>
 );
 ```
 
 In the example above, the `Home` component is lazy loaded using the `lazy` function.
 The `lazy` function takes a function that returns a promise, which resolves to the component you want to load.
-When the route is matched, the component will be loaded and rendered.
\ No newline at end of file
+When the route is matched, the component will be loaded and rendered.