From 389774872725fc4445c4c61867823b5f483e5fe3 Mon Sep 17 00:00:00 2001
From: Siraj <71605633+syhner@users.noreply.github.com>
Date: Sun, 26 May 2024 00:26:05 +0200
Subject: [PATCH] fix: typo in type name (#732)

---
 .../solid-start/building-your-application/data-loading.mdx  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

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>;
 }
 ```