editor.tsx

import * as React from "react";

import * as monaco from 'monaco-editor-core/esm/vs/editor/editor.main';

// (self as any).MonacoEnvironment = {
//   getWorkerUrl: () => './editor.worker.bundle.js',
// };

class Editor extends React.Component {


  node = React.createRef<HTMLDivElement>();
  editor: monaco.editor.IStandaloneCodeEditor | null = null;

  componentDidMount() {
    this.editor = monaco.editor.create(this.node.current as HTMLDivElement, {
      language: "typescript"
    });
  }

  componentWillUnmount() {
    this.editor && this.editor.dispose();
  }

  render() {
    return (
      <div  ref={this.node} style={{ width: '100px', height: '100px'}}  />
    );
  }
}

export default Editor;