Merge pull request #3060 from wbkd/fix/usenode-useedges

fix(useNodes,useEdges): prevent re-renderings

.changeset/chilled-insects-call.md

@@ -0,0 +1,5 @@
+---
+'@reactflow/core': patch
+---
+
+fix useNodes and useEdges bug with infinite re-renderings

packages/core/src/hooks/useEdges.ts

@@ -1,10 +1,12 @@
+import { shallow } from 'zustand/shallow';
+
 import { useStore } from '../hooks/useStore';
 import type { Edge, ReactFlowState } from '../types';
 
 const edgesSelector = (state: ReactFlowState) => state.edges;
 
 function useEdges<EdgeData>(): Edge<EdgeData>[] {
-  const edges = useStore(edgesSelector);
+  const edges = useStore(edgesSelector, shallow);
 
   return edges;
 }

packages/core/src/hooks/useNodes.ts

@@ -1,10 +1,12 @@
+import { shallow } from 'zustand/shallow';
+
 import { useStore } from '../hooks/useStore';
 import type { Node, ReactFlowState } from '../types';
 
 const nodesSelector = (state: ReactFlowState) => state.getNodes();
 
 function useNodes<NodeData>(): Node<NodeData>[] {
-  const nodes = useStore(nodesSelector);
+  const nodes = useStore(nodesSelector, shallow);
 
   return nodes;
 }