diff --git a/src/routes/solid-start/building-your-application/data-loading.mdx b/src/routes/solid-start/building-your-application/data-loading.mdx
index 21b6c646f..4ce964651 100644
--- a/src/routes/solid-start/building-your-application/data-loading.mdx
+++ b/src/routes/solid-start/building-your-application/data-loading.mdx
@@ -23,7 +23,7 @@ export default function Page() {
 		return (await response.json()) as User[];
 	});
 
-	return <ul>{users() && users()!.map((user) => <li>{user.name}</li>)}</ul>;
+  	return <For each={users()}>{(user) => <li>{user.name}</li>}</For>;
 }
 ```
 
@@ -54,7 +54,7 @@ export const route = {
 export default function Page() {
 	const users = createAsync(() => getUsers());
 
-	return <ul>{users() && users()!.map((user) => <li>{user.name}</li>)}</ul>;
+	return <For each={users()}>{(user) => <li>{user.name}</li>}</For>;
 }
 ```
 
@@ -96,6 +96,6 @@ export const route = {
 export default function Page() {
 	const users = createAsync(() => getUsers());
 
-	return <ul>{users() && users()!.map((user) => <li>{user.name}</li>)}</ul>;
+	return <For each={users()}>{(user) => <li>{user.name}</li>}</For>;
 }
 ```