ignore lint error

Author: andreaskienle

src/components/YamlEditor/YamlEditor.tsx

@@ -1,8 +1,7 @@
 import { Editor } from '@monaco-editor/react';
-import type { ComponentProps } from 'react';
+import { ComponentProps, useEffect, useCallback, useMemo, useState } from 'react';
 import { Button, Panel, Toolbar, ToolbarSpacer, Title } from '@ui5/webcomponents-react';
 import { parseDocument } from 'yaml';
-import { useCallback, useMemo, useState } from 'react';
 import { useTheme } from '../../hooks/useTheme';
 import { GITHUB_DARK_DEFAULT, GITHUB_LIGHT_DEFAULT } from '../../lib/monaco.ts';
 import { useTranslation } from 'react-i18next';
@@ -23,6 +22,13 @@ export const YamlEditor = (props: YamlEditorProps) => {
   const [validationErrors, setValidationErrors] = useState<string[]>([]);
   const [applyAttempted, setApplyAttempted] = useState(false);
 
+  useEffect(() => {
+    if (typeof value !== 'undefined') {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setEditorContent(value.toString());
+    }
+  }, [value]);
+
   const enforcedOptions: monaco.editor.IStandaloneEditorConstructionOptions = useMemo(
     () => ({
       ...(options as monaco.editor.IStandaloneEditorConstructionOptions),