fix: workflow sync data (#3824)

web/app/components/workflow/index.tsx

@@ -17,7 +17,6 @@ import ReactFlow, {
   useEdgesState,
   useNodesState,
   useOnViewportChange,
-  useReactFlow,
 } from 'reactflow'
 import type { Viewport } from 'reactflow'
 import 'reactflow/dist/style.css'
@@ -72,7 +71,6 @@ const Workflow: FC<WorkflowProps> = memo(({
   edges: originalEdges,
   viewport,
 }) => {
-  const reactflow = useReactFlow()
   const [nodes, setNodes] = useNodesState(originalNodes)
   const [edges, setEdges] = useEdgesState(originalEdges)
   const showFeaturesPanel = useStore(state => state.showFeaturesPanel)
@@ -93,17 +91,6 @@ const Workflow: FC<WorkflowProps> = memo(({
     }
   })
 
-  useEffect(() => {
-    setNodes(originalNodes)
-  }, [originalNodes, setNodes])
-  useEffect(() => {
-    setEdges(originalEdges)
-  }, [originalEdges, setEdges])
-  useEffect(() => {
-    if (viewport)
-      reactflow.setViewport(viewport)
-  }, [reactflow, viewport])
-
   useEffect(() => {
     setAutoFreeze(false)
 
@@ -155,8 +142,6 @@ const Workflow: FC<WorkflowProps> = memo(({
   } = useEdgesInteractions()
   const {
     isValidConnection,
-    enableShortcuts,
-    disableShortcuts,
   } = useWorkflow()
 
   useOnViewportChange({
@@ -193,8 +178,6 @@ const Workflow: FC<WorkflowProps> = memo(({
         edgeTypes={edgeTypes}
         nodes={nodes}
         edges={edges}
-        onPointerDown={enableShortcuts}
-        onMouseLeave={disableShortcuts}
         onNodeDragStart={handleNodeDragStart}
         onNodeDrag={handleNodeDrag}
         onNodeDragStop={handleNodeDragStop}