feat(resizer): batch changes

examples/vite-app/src/examples/NodeResizer/index.tsx

@@ -1,13 +1,5 @@
 import { useCallback } from 'react';
-import ReactFlow, {
-  Controls,
-  addEdge,
-  Position,
-  Connection,
-  useNodesState,
-  useEdgesState,
-  NodeChange,
-} from 'reactflow';
+import ReactFlow, { Controls, addEdge, Position, Connection, useNodesState, useEdgesState } from 'reactflow';
 
 import CustomNode from './CustomNode';
 
@@ -41,7 +33,7 @@ const initialNodes = [
 ];
 
 const CustomNodeFlow = () => {
-  const [nodes, setNodes, _onNodesChange] = useNodesState(initialNodes);
+  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
 
   const onConnect = useCallback(
@@ -49,13 +41,6 @@ const CustomNodeFlow = () => {
     [setEdges]
   );
 
-  const onNodesChange = useCallback(
-    (changes: NodeChange[]) => {
-      _onNodesChange(changes);
-    },
-    [_onNodesChange]
-  );
-
   return (
     <ReactFlow
       nodes={nodes}
@@ -67,6 +52,7 @@ const CustomNodeFlow = () => {
       fitView
       minZoom={0.3}
       maxZoom={2}
+      snapToGrid
     >
       <Controls />
     </ReactFlow>