What is graceful way to reload <ReactFlow /> for render new graph data?

[peanudge]

Hi, contributor.

Do you know to rerender with new graph data?
e.g. I'd like to update graph with new graph data using component.

I have used below way to detect change of initialNodes, initialEdges props

const GraphEditor = ({initialNodes, initialEdges}) => {

    const [nodes, setNodes, onNodesChange] =
        useNodesState<CustomNodeType>(initialNodes)
    const [edges, setEdges, onEdgesChange] =
        useEdgesState<CustomEdgeType>(initialEdges)

    useEffect(() => {
        setNodes(initialNodes)
        setEdges(initialEdges)
    }, [initialNodes, initialEdges, setNodes, setEdges])
    
   return  <ReactFlow  
                  nodes={nodes}
                   edges={edges} />
}

but, in the way, i met Resize loop error when render different node's size by new graph data (with same node id)

ResizeObserver loop completed with undelivered notifications.
    at handleError (http://localhost:5000/static/js/bundle.js:690383:58)
    at http://localhost:5000/static/js/bundle.js:690402:7

Screenshot

I think i need better way to reload component with new data.
Any idea?