Reactjs React-TinyMce未捕获错误：节点不能为null或未定义

这不是一个应用程序中断错误，但我想找出它。我觉得可能存在某种我对

useffect

不理解的种族状况

我有多个表单，其中包含以下

DescriptionStringInput

组件：

import React, { useEffect } from 'react';
import tinymce from 'tinymce'

const DescriptionStringInput = ({
  body, description, setDescription, formInputId
}) => {
  
  useEffect(() => {
    tinymce.init({
      selector: '.textEditor',
      plugins: 'autolink link',
      toolbar: 'bold italic underline link',
      menubar: 'insert format',
      default_link_target: '_blank',
      inline: true
    })
  }, [])
  
  return (
    <React.Fragment>
      <div
        id={formInputId}
        className='textEditor'
        contentEditable={true}
        value={description}
        placeholder='Write a description...'
        onInput={e => setDescription(description = e.target.innerHTML)}
        onKeyDown={e => {
          if (e.key === 'Enter' && description !== '') {
            var textObj = {
              kind: 'text',
              srcType: 'text',
              content: description,
              displayIdx: body.current.length
            }

            document.querySelector(`#${formInputId}`).innerHTML = ''
            body.current.push(textObj)
            setDescription(description = '')
          }
        }}
      ></div>
    </React.Fragment>
  )
}

export default DescriptionStringInput;

import React，{useffect}来自“React”；
从“tinymce”导入tinymce
常量描述字符串输入=({
正文、说明、集合说明、formInputId
}) => {
useffect（（）=>{
tinymce.init({
选择器：'.textEditor'，
插件：“自动链接”，
工具栏：“粗体斜体下划线链接”，
菜单栏：“插入格式”，
默认链接目标：“\u blank”，
内联：对
})
}, [])
返回(
setDescription（description=e.target.innerHTML）}
onKeyDown={e=>{
如果（e.key==='输入'&&description！=''）{
var textObj={
种类：'文本'，
srcType:'文本'，
内容：描述，
displayIdx:body.current.length
}
document.querySelector（`${formInputId}`）.innerHTML=''
body.current.push（textObj）
setDescription（描述=“”）
}
}}
>
)
}
导出默认描述stringInput；

这是一个单页应用程序。我有一个导航栏，每种柱子都挨在一起。如果我从一个帖子点击到另一个帖子，这个错误最终会发生