trying to get page to load without error

nextjs/src/app/course/[courseName]/modules/[moduleName]/quiz/[quizName]/EditQuiz.tsx

@@ -0,0 +1,23 @@
+"use client";
+import MonacoEditor from "@/components/MonacoEditor";
+import { useQuizQuery } from "@/hooks/localCourse/quizHooks";
+
+export default function EditQuiz({
+  courseName,
+  moduleName,
+  quizName,
+}: {
+  courseName: string;
+  quizName: string;
+  moduleName: string;
+}) {
+  const { data: quiz } = useQuizQuery(courseName, moduleName, quizName);
+
+  return (
+    <div>
+      {quiz.name}
+
+      {/* <MonacoEditor /> */}
+    </div>
+  );
+}

nextjs/src/app/course/[courseName]/modules/[moduleName]/quiz/[quizName]/page.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import EditQuiz from "./EditQuiz";
+
+export default async function Page({
+  params: { courseName, moduleName, quizName },
+}: {
+  params: { courseName: string; quizName: string; moduleName: string };
+}) {
+  return (
+    <EditQuiz
+      courseName={courseName}
+      quizName={quizName}
+      moduleName={moduleName}
+    />
+  );
+}