diff --git a/content/7-webapp-features/2-fetch-data/svelte5/App.svelte b/content/7-webapp-features/2-fetch-data/svelte5/App.svelte
index 92c0aea6..9ea6929a 100644
--- a/content/7-webapp-features/2-fetch-data/svelte5/App.svelte
+++ b/content/7-webapp-features/2-fetch-data/svelte5/App.svelte
@@ -2,15 +2,16 @@
   import useFetchUsers from "./useFetchUsers.svelte.js";
 
   const response = useFetchUsers();
+  const {isLoading, error, users} = $derived(response);
 </script>
 
-{#if response.isLoading}
+{#if isLoading}
   <p>Fetching users...</p>
-{:else if response.error}
+{:else if error}
   <p>An error occurred while fetching users</p>
-{:else if response.users}
+{:else if users}
   <ul>
-    {#each response.users as user}
+    {#each users as user}
       <li>
         <img src={user.picture.thumbnail} alt="user" />
         <p>