如何从tiptap react (typescript) wysiwyg中的内容中获取文本值？

import { EditorContent, useEditor } from '@tiptap/react';
import { useEffect, useState } from 'react';
import { TextSelection } from 'prosemirror-state';

const MyEditor = () => {
  const editor = useEditor({
    extensions: [
      // 添加你需要的扩展
    ],
    // 其他配置项
  });

  const [textValue, setTextValue] = useState('');

  useEffect(() => {
    const updateTextValue = () => {
      const { doc, selection } = editor.view.state;
      const text = doc.textBetween(selection.from, selection.to, '\n');
      setTextValue(text);
    };

    editor.view.addEventListener('selectionChange', updateTextValue);
    return () => {
      editor.view.removeEventListener('selectionChange', updateTextValue);
    };
  }, [editor]);

  return (
    <div>
      <EditorContent editor={editor} />
      <div>文本值：{textValue}</div>
    </div>
  );
};