hot reloading is better

nextjs/src/app/CourseList.tsx

@@ -0,0 +1,16 @@
+"use client"
+import { useLocalCoursesQuery } from "@/hooks/localCoursesHooks";
+import Link from "next/link";
+
+export default function CourseList() {
+  const { data: courses } = useLocalCoursesQuery();
+  return (
+    <div>
+      {courses.map((c) => (
+        <Link href={`/course/${c.settings.name}`} key={c.settings.name}>
+          {c.settings.name}{" "}
+        </Link>
+      ))}
+    </div>
+  );
+}