From a4065f4ddd297bec56536043d2574798e11f8b5d Mon Sep 17 00:00:00 2001
From: Emir Karabeg <emirkarabeg@berkeley.edu>
Date: Wed, 5 Feb 2025 19:36:13 -0800
Subject: [PATCH] Each handle has a unique id: id-position-id

---
 app/w/[id]/components/workflow-block/workflow-block.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/w/[id]/components/workflow-block/workflow-block.tsx b/app/w/[id]/components/workflow-block/workflow-block.tsx
index 7387170d3..9253c0872 100644
--- a/app/w/[id]/components/workflow-block/workflow-block.tsx
+++ b/app/w/[id]/components/workflow-block/workflow-block.tsx
@@ -48,7 +48,7 @@ export function WorkflowBlock({ id, type, config, name, selected }: WorkflowBloc
       setTimeout(() => {
         const positions: SubBlockPosition[] = []
         const blockRect = blockRef.current?.getBoundingClientRect()
-        
+
         if (!blockRect) return
 
         workflow.subBlocks
@@ -95,8 +95,8 @@ export function WorkflowBlock({ id, type, config, name, selected }: WorkflowBloc
 
   function groupSubBlocks(subBlocks: SubBlockConfig[]) {
     // Filter out hidden subblocks
-    const visibleSubBlocks = subBlocks.filter(block => !block.hidden)
-    
+    const visibleSubBlocks = subBlocks.filter((block) => !block.hidden)
+
     const rows: SubBlockConfig[][] = []
     let currentRow: SubBlockConfig[] = []
     let currentRowWidth = 0
@@ -237,7 +237,7 @@ export function WorkflowBlock({ id, type, config, name, selected }: WorkflowBloc
       {/* Subblock output handles */}
       {subBlockPositions.map((position) => (
         <Handle
-          key={position.id}
+          key={`${id}-${position.id}`}
           type="source"
           position={Position.Right}
           id={`output-${position.id}`}