如何防止从react-sortable-tree拖拽到另一个组件后移除节点？

import React, { useState } from 'react';
import SortableTree from 'react-sortable-tree';

const TreeComponent = () => {
  const [draggedNode, setDraggedNode] = useState(null);

  const handleDragStateChanged = (state) => {
    if (state === 'dragging') {
      // 记录被拖拽的节点信息
      setDraggedNode(state.node);
    }
  };

  return (
    <SortableTree
      // 其他属性配置
      onDragStateChanged={handleDragStateChanged}
    />
  );
};

const TargetComponent = () => {
  const [droppedNodes, setDroppedNodes] = useState([]);

  const handleDrop = () => {
    // 根据被拖拽的节点信息，将节点从react-sortable-tree中移除
    // 例如，可以使用filter方法过滤掉被拖拽的节点
    const filteredNodes = treeData.filter((node) => node.id !== draggedNode.id);
    setDroppedNodes(filteredNodes);
  };

  return (
    <div>
      {/* 目标组件的其他内容 */}
      <div onDrop={handleDrop}>
        {/* 目标组件的内容 */}
      </div>
    </div>
  );
};