Slatejs 和 React-select：setNodes 在渲染时导致无限递归？

如何解决Slatejs 和 React-select：setNodes 在渲染时导致无限递归？

在我的 Slate.js 编辑器的自定义元素中，我有更新元素属性的逻辑：

    const changeProps = ({name,opts,defaultValue}: TemplateBlockProps) => {
        let path = ReactEditor.findpath(editor,element)
        let newProps = {name,defaultValue}
        Transforms.setNodes(editor,newProps,{at:path})
    }

这个想法是您可以使用 react-select 在模板字段中创建和选择值。但是，当调用 Transforms.setNodes 更新 Slate DOM 中的节点属性时，React 给了我一个无限循环错误，说它重新渲染了太多次。逻辑本身类似于 Slate 网站上的嵌入示例。这里发生了什么？怎么修？

此处的 CodeSandBox：https://codesandbox.io/s/compassionate-meadow-fbrne?file=/src/App.tsx