[EXP] how to use monaco-editor or @monaco-editor/react in plasmo?

[sanheng]

What is the example you wish to see?

how to use monaco-editor or @monaco-editor/react in plasmo?

Is there any context that might help us understand?

I found this example is not work.

import React from 'react';

import Editor from '@monaco-editor/react';

import { loader } from '@monaco-editor/react';

loader.config({ paths: { vs: '../vs' } });

function App() {
  function handleEditorChange(value, event) {
    // here is the current value
  }

  function handleEditorDidMount(editor, monaco) {
    console.log('onMount: the editor instance:', editor);
    console.log('onMount: the monaco instance:', monaco);
  }

  function handleEditorWillMount(monaco) {
    console.log('beforeMount: the monaco instance:', monaco);
  }

  function handleEditorValidation(markers) {
    // model markers
    // markers.forEach(marker => console.log('onValidate:', marker.message));
  }

  return (
    <Editor
      height="90vh"
      defaultLanguage="javascript"
      defaultValue="// some comment"
      onChange={handleEditorChange}
      onMount={handleEditorDidMount}
      beforeMount={handleEditorWillMount}
      onValidate={handleEditorValidation}
    />
  );
}

export default App;

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems.