From cf04a273be380b49ace7576efab2b0ee473b4f6c Mon Sep 17 00:00:00 2001
From: Steven Roussey <sroussey@gmail.com>
Date: Tue, 9 Apr 2024 15:55:35 -0700
Subject: [PATCH] onNodesChange weirdness

---
 packages/web/src/RunGraphFlow.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/RunGraphFlow.tsx b/packages/web/src/RunGraphFlow.tsx
index 9e808a6..5355455 100644
--- a/packages/web/src/RunGraphFlow.tsx
+++ b/packages/web/src/RunGraphFlow.tsx
@@ -1,4 +1,4 @@
-import React, { Dispatch, SetStateAction, useEffect, useRef } from "react";
+import React, { Dispatch, SetStateAction, useCallback, useEffect, useRef } from "react";
 import {
   ReactFlow,
   Controls,
@@ -218,10 +218,18 @@ const defaultEdgeOptions = {
 export const RunGraphFlow: React.FC<{
   graph: TaskGraph;
 }> = ({ graph }) => {
-  const [nodes, setNodes, onNodesChange] = useNodesState<Node<TurboNodeData>>([]);
+  const [nodes, setNodes, onNodesChangeTheirs] = useNodesState<Node<TurboNodeData>>([]);
   const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
   const graphRef = useRef<TaskGraph | null>(null);
 
+  const onNodesChange = useCallback(
+    (changes: any) => {
+      console.log("Nodes changed", changes);
+      onNodesChangeTheirs(changes);
+    },
+    [onNodesChangeTheirs, nodes, edges]
+  );
+
   const initialized = useNodesInitialized() && !nodes.some((n) => !n.measured);
   const { fitView } = useReactFlow();