fix

Author: JustDeveloper1

lib/builder.js

@@ -27,20 +27,17 @@ SOFTWARE.
 import { useEffect, useState } from 'react';
 import { useTranslations } from 'next-intl';
 import { useRouter } from 'next/router';
-import * as monaco from "monaco-editor";
+import dynamic from 'next/dynamic';
+
+const MonacoEditor = dynamic(() => import('react-monaco-editor'), { ssr: false });
 
 const Builder = () => {
     const translate = useTranslations();
 
-    monaco.editor.create(document.getElementById('monaco'), {
-        value: "function hello() {\n\talert('Hello world!');\n}",
-        language: 'javascript'
-    });
-
     return (
         <div>
             <span>{translate.raw('builder-file')}</span>
-            <div id="monaco"/>
+            <MonacoEditor height="600" language="javascript" theme="vs-dark" />
         </div>
     )
 }