When the document is large, the rendering is very sluggish and cannot slide

When the document is large, the rendering is very sluggish and cannot slide

My com

import MDEditor, { ContextStore } from "@uiw/react-md-editor";
import { ChangeEvent } from "react";

export interface MDEditorInputProps {
  value?: string,
  onChange?: any,
  onHandleHanle?: (value?: string | undefined, event?: ChangeEvent<HTMLTextAreaElement> | undefined, state?: ContextStore | undefined) => void
}

const MDEditorInput = (props: MDEditorInputProps)=> {
  const { value,onHandleHanle,onChange }  = props;

  
  const onChangeT = (value: string | undefined) => {
    onChange(value);
    if (onHandleHanle) {
      onHandleHanle(value);
    }
  }


  return (
    <div>
      <MDEditor
        value={value}
        onChange={onChangeT}
      />
    </div>
  );
}

export default MDEditorInput;

Test data :

react-md-editor home data

react-md-editor version

    "@uiw/react-md-editor": "^3.20.8",

react dev tool

Reproduce the sluggish scrolling with a large document using the supplied MDEditorInput example and the linked react-md-editor home data. Use React DevTools to identify the rendering bottleneck in the @uiw/react-md-editor v3.20.8 integration; done means large documents render and scroll responsively without breaking the shown onChange and onHandleHanle callbacks.