Syntax highlighting issue with `MonacoEditorReactComp` and CRA with Webpack

[metehansenol]

I created an empty react app with create-react-app, installed and imported necessary packages;

import { MonacoEditorReactComp } from '@typefox/monaco-editor-react';
import '@codingame/monaco-vscode-json-default-extension';

<MonacoEditorReactComp
  userConfig={{
    wrapperConfig: {
      editorAppConfig: {
        $type: 'extended',
        languageId: 'json',
        code: '{ "hello": "world" }',
        useDiffEditor: false,
        codeUri: `/hello.json`,
      },
    },
  }}
  style={{ height: '100%' }}
/>

In documentation says that monaco-editor-webpack-plugin can't be used anymore.

What's wrong with syntax highlighting. Btw. language server integration working fine only issue is syntax highlighting.

Thanks.