无法使用Draft.js在react功能组件中显示链接实体

import React from 'react';
import { Editor, EditorState, ContentState, convertFromHTML, convertToRaw } from 'draft-js';
import 'draft-js/dist/Draft.css';

const MyEditor = () => {
  const [editorState, setEditorState] = React.useState(
    EditorState.createEmpty()
  );

  return (
    <Editor
      editorState={editorState}
      onChange={setEditorState}
    />
  );
};

const handleContentChange = (content) => {
  const blocksFromHTML = convertFromHTML(content);
  const state = ContentState.createFromBlockArray(
    blocksFromHTML.contentBlocks,
    blocksFromHTML.entityMap
  );

  // 处理链接实体
  const contentStateWithLinks = state
    .getEntityMap()
    .filter(entity => entity.getType() === 'LINK')
    .reduce((newContentState, entity) => {
      const { url, title } = entity.getData();
      const contentStateWithEntity = newContentState.createEntity(
        'LINK',
        'MUTABLE',
        { url, title }
      );
      const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
      const blocks = newContentState.getBlockMap().map(block => {
        const text = block.getText();
        const ranges = block.getEntityRanges();
        const newRanges = ranges.map(range => {
          const { offset, length } = range;
          const entityRange = text.slice(offset, offset + length);
          const entityText = entityRange.replace(url, title);
          return {
            ...range,
            text: entityText,
            key: entityKey
          };
        });
        return block.set('characterList', block.getCharacterList().merge(newRanges));
      });
      return newContentState.merge({
        blockMap: blocks,
        entityMap: newContentState.getEntityMap().set(entityKey, contentStateWithEntity.getEntity(entityKey))
      });
    }, state);

  const rawContentState = convertToRaw(contentStateWithLinks);
  const newEditorState = EditorState.createWithContent(
    ContentState.createFromBlockArray(
      rawContentState.blocks,
      rawContentState.entityMap
    )
  );

  setEditorState(newEditorState);
};

const MyEditor = () => {
  // ...

  const content = '这是一个链接实体：[链接文本](https://example.com)';
  handleContentChange(content);

  // ...
};