Monaco DiffEditor does not apply coloring to changed text

[mgalesloot]

Describe the bug

Monaco DiffEditor does not apply coloring to changed text (regression in Headlamp v0.27)

To Reproduce

Steps to reproduce the bug:

1. Prepare dev environment
2. Add the following lines to a Headlamp page.

import { DiffEditor } from '@monaco-editor/react';
 <DiffEditor language="yaml" original={'original'} modified={'fixedYAML'} height="10vh" />

3. Run the frontend (with make run-frontend)
4. Navigate to the changed page
5. Notice that the coloring for different text is not applied. The text is default (black and white).
   Expected was green and red coloring as in the example https://codesandbox.io/p/sandbox/get-values-diffeditor-c6xrg?file=%2Fsrc%2FApp.js

This issue is new in Headlamp v0.27. The previous version v0.26 was OK. Running the DiffEditor on the code of the v0.26 tag ( git checkout headlamp-helm-0.26.0, make run-frontend) shows a proper working DiffEditor.

This issue was first detected in the Kubescape plugin.

Environment

Headlamp v0.27

Are you able to fix this issue?

No