Update builder.js

Author: JustDeveloper1

lib/builder.js

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