better matching

nextjs/src/hooks/hookHydration.ts

@@ -0,0 +1,10 @@
+import { QueryClient } from "@tanstack/react-query";
+import { localCourseKeys } from "./localCoursesHooks";
+import { fileStorageService } from "@/services/fileStorage/fileStorageService";
+
+export const hydrateCourses = async (queryClient: QueryClient) => {
+  await queryClient.prefetchQuery({
+    queryKey: localCourseKeys.allCourses,
+    queryFn: async () => await fileStorageService.loadSavedCourses(),
+  });
+};

nextjs/src/hooks/localCoursesHooks.ts

@@ -0,0 +1,17 @@
+import { LocalCourse } from "@/models/local/localCourse";
+import { useSuspenseQuery } from "@tanstack/react-query";
+import axios from "axios";
+
+export const localCourseKeys = {
+  allCourses: ["all courses"] as const,
+};
+
+export const useLocalCoursesQuery = () =>
+  useSuspenseQuery({
+    queryKey: localCourseKeys.allCourses,
+    queryFn: async (): Promise<LocalCourse[]> => {
+      const url = `/api/courses`;
+      const response = await axios.get(url);
+      return response.data;
+    },
+  });