Javascript ESLint规则，以确保JSX文本节点不会与其他节点混合

在我的React应用程序中，我注意到哨兵报告的生产中有多个错误。主要原因是：

NotFoundError:未能在“节点”上执行“removeChild”：要删除的节点不是此节点的子节点。

。 我发现这些错误实际上是由Google Translate造成的，Google Translate正在干扰React DOM：

所以现在，如果我希望我的React应用程序对Google Translate和其他改变页面DOM的插件更具弹性，我希望确保文本节点永远不会与其他节点混合。为此，我正在寻找一个ESLint规则，该规则将：

为此代码引发错误：

<div>
  {condition && 'Welcome'}
  <span>Something</span>
</div>

<div>
  {condition && <span>Welcome</span>}
  <span>Something</span>
</div>

{条件&“欢迎”}
某物

相反，接受以下代码：

<div>
  {condition && 'Welcome'}
  <span>Something</span>
</div>

<div>
  {condition && <span>Welcome</span>}
  <span>Something</span>
</div>

{条件&&Welcome}
某物

是否已经有一个ESLint规则可以做到这一点？如果没有，您是否有建立此规则的线索