working and configured monaco editor

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

@@ -1,6 +1,8 @@
 "use client";
 import { MonacoEditor } from "@/components/editor/MonacoEditor";
 import { useQuizQuery } from "@/hooks/localCourse/quizHooks";
+import { quizMarkdownUtils } from "@/models/local/quiz/utils/quizMarkdownUtils";
+import { useState } from "react";
 
 export default function EditQuiz({
   moduleName,
@@ -10,17 +12,13 @@ export default function EditQuiz({
   moduleName: string;
 }) {
   const { data: quiz } = useQuizQuery(moduleName, quizName);
+  const [quizText, setQuizText] = useState(quizMarkdownUtils.toMarkdown(quiz));
+  // console.log(quizText);
 
   return (
     <div>
       {quiz.name}
-
-      <MonacoEditor
-        value={""}
-        onChange={function (value: string): void {
-          throw new Error("Function not implemented.");
-        }}
-      />
+      <MonacoEditor value={quizText} onChange={setQuizText} />
     </div>
   );
 }