trying to get page to load without error

nextjs/src/app/course/[courseName]/layout.tsx

@@ -0,0 +1,21 @@
+import { dehydrate, HydrationBoundary, QueryClient } from "@tanstack/react-query";
+import { hydrateCourse } from "@/hooks/hookHydration";
+import { getQueryClient } from "@/app/providersQueryClientUtils";
+
+export default async function CourseLayout({
+  children,
+  params: { courseName },
+}: {
+  children: React.ReactNode;
+  params: { courseName: string };
+}) {
+  const queryClient = getQueryClient();
+
+  await hydrateCourse(queryClient, courseName);
+  const dehydratedState = dehydrate(queryClient);
+
+  console.log("hydrated course state", courseName, dehydratedState);
+  return (
+    <HydrationBoundary state={dehydratedState}>{children}</HydrationBoundary>
+  );
+}