reactjs - Monaco Editor に色が表示されず、白色のみが表示される

Question

反応アプリケーションに実装monaco editorしましたが、1 つの色しか表示されず、わかりません。カスタムテーマを使用せずに、デフォルトのテーマも使用してみましたが、それでも同じ問題です

monaco.editor.defineTheme('customTheme', {
  base: 'vs-dark',
  inherit: true,
  rules: [
    { token: 'green', background: '#457EFF', foreground: '#457EFF' },
    {
      token: 'red',
      background: '#457EFF',
      foreground: '#457EFF',
    },
    { token: 'green', background: '#900000', foreground: '900000' },
  ],
  colors: {
    'editor.background': '#0C0F17',
  },
});
if (monacoEl.current) {
  setEditor(
    monaco.editor.create(monacoEl.current!, {
      readOnly: false,
      value: ["function DestinationCard() {\n\talert('Hello DestinationCard!');\n}"].join('\n'),
      // automaticLayout: true,
      language: 'typescript',
      // theme: 'vs-dark',
      theme: 'customTheme',
      minimap: {
        enabled: false,
      },
    }),
  );
}

<div className={style.codeView} ref={monacoEl as RefObject<HTMLDivElement>} />