useReactFlow: `setNodes([])` does nothing

Describe the Bug

Calling setNodes([]) in an effect or event callback does nothing. It’s only the setNodes from useReactFlow. The setNodes from useNodesState() works.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

As described above. This will happen in any application.

Expected behavior

setNodes([]) should remove all nodes.

Screenshots or Videos

No response

Platform

• OS: Win10
• Browser: na. Electron
• Version: "10.0.8

Additional context

This is the implementation for setNodes. In my debugging, hasDefaultNodes was false and onNodesChange was a function, so we take the else if branch.

      const changes = nextNodes.map((node) => ({ item: node, type: 'reset' } as NodeResetChange<NodeData>));
      onNodesChange(changes);

Since my nextNodes is empty, changes will also be empty. Hence, applyChanges find no c.type === 'reset' change.

---

setEdges has the same bug.

[RunDevelopment]

It would be nice if useReactFlow could continue to work for both. It’s simply very convenient to have access to all nodes and edges (and their setters) without having to do the context work/props passing yourself.

We currently work around this bug by passing the setNodes and setEdges function around using a context.

[RunDevelopment]

Thank you, @moklick!