Support ref on Editor about react-markdown-editor-lite HOT 1 CLOSED

import React, { useRef, useState, useEffect } from "react";
import { useField } from "@unform/core";
import Editor from "react-markdown-editor-lite";
import "react-markdown-editor-lite/lib/index.css";

export default function MdEditor({ name }) {
  const [value, setValue] = useState("");
  const editorRef = useRef(null);
  const { fieldName, registerField } = useField(name);
  useEffect(() => {
    registerField({
      name: fieldName,
      ref: editorRef.current,
      getValue(ref) {
        return ref.getMdValue();
      },
      setValue(ref, v) {
        setValue(v);
      },
      clearValue(ref, v) {
        setValue(v);
      }
    });
  }, [fieldName, registerField]);
  return (
    <Editor
      className="editor"
      value={value}
      onChange={({ html, text }) => setValue(text)}
      renderHTML={text => text}
      style={{
        height: "500px"
      }}
      ref={editorRef}
    />
  );
}