better matching

nextjs/src/app/page.tsx

@@ -1,12 +1,12 @@
-import { canvasAssignmentService } from "@/services/canvas/canvasAssignmentService";
-
-export default async function Home() {
-  const assignments = await canvasAssignmentService.getAll(960410);
+"use client"
+import { useLocalCoursesQuery } from "@/hooks/localCoursesHooks";
 
+export default function Home() {
+  const { data: courses } = useLocalCoursesQuery();
   return (
     <main className="flex min-h-screen flex-col items-center justify-between p-24">
-      {assignments.map((assignment) => (
-        <div key={assignment.id}>{assignment.name}</div>
+      {courses.map((c) => (
+        <div key={c.settings.name}>{c.settings.name} </div>
       ))}
     </main>
   );