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

[cosoc]

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

[jaywcjlove]

@cosoc

It will be better to close the editing area and highlight the code, because there is no way to do lazy loading, so it is not suitable for large text loading.