easy

src/routes/team.tsx

@@ -1,5 +1,5 @@
 import { AiOutlineGlobal, AiOutlineUserAdd } from "solid-icons/ai";
-import { For, Show, createSignal, onMount } from "solid-js";
+import { For, Show, createResource } from "solid-js";
 import { Card, CardDescription, CardHeader } from "~/components/ui/card";
 import { Staff } from "~/types";
 import { STAFF_MEMBERS } from "~/utils/staffMembers";
@@ -8,18 +8,11 @@ import { Header } from "../components/elements/Header";
 import { TitleDescription } from "../components/seo/TitleDescription";
 
 export default function Team() {
-  const [members, setMembers] = createSignal<Staff[]>([]);
-
-  onMount(async () => {
-    try {
-      const res = await fetch(
-        "https://bot.coding.global/api/693908458986143824/staff",
-      );
-      const data: Staff[] = await res.json();
-      setMembers(data);
-    } catch (error) {
-      console.error(error);
-    }
+  const [members] = createResource(async () => {
+    const response = await fetch(
+      "https://bot.coding.global/api/693908458986143824/staff",
+    );
+    return (await response.json()) as Staff[];
   });
 
   return (