Undo the last action when clicking on the text field

[rLukoyanov]

Отмена последнего действия при клике на текстовое поле

Description

Исходная компонента

import React from 'react';

import {
  MarkdownEditorView,
  useMarkdownEditor,
} from '@gravity-ui/markdown-editor';
import { toaster } from '@gravity-ui/uikit/toaster-singleton-react-18';

import { configure } from '@gravity-ui/markdown-editor';

configure({
  lang: 'ru',
});

type Props = {
  onChange: (value: string) => void;
};

export function Editor({ onChange }: Props) {
  const editor = useMarkdownEditor({
    initial: {
      toolbarVisible: true,
    },
  });

  React.useEffect(() => {
    function changeHandler() {
      const value = editor.getValue();
      onChange(value);
    }

    editor.on('change', changeHandler);
    return () => {
      editor.off('change', changeHandler);
    };
  }, [editor, onChange]);

  return (
    <MarkdownEditorView
      stickyToolbar
      toaster={toaster}
      editor={editor}
      settingsVisible={false}
      className="markdown-editor-wrapper"
    />
  );
}

Проблема - если наш эдитор поставить в тег тогда при клике будет срабатывать кнопка "Отменить"

<label>
   <Editor onChange={setDescription} />
</label>

Screen.Recording.2024-10-25.at.18.18.20.mov