From b634e1b57dd1cb50b70a5e6b3d896d9ee7dc1b67 Mon Sep 17 00:00:00 2001
From: Mminamiyama <minamiyama@qq.com>
Date: Thu, 10 Jul 2025 14:40:14 +0800
Subject: [PATCH] fix(components): use item.id as fallback key in var-list

Ensure unique keys for list items by using item.id when available, falling back to index. This prevents potential React key conflicts during re-renders.
---
 .../workflow/nodes/_base/components/variable/var-list.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/app/components/workflow/nodes/_base/components/variable/var-list.tsx b/web/app/components/workflow/nodes/_base/components/variable/var-list.tsx
index 5d2c3a0c02..5ae8427067 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/var-list.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/var-list.tsx
@@ -136,7 +136,7 @@ const VarList: FC<Props> = ({
         })()
         const variable = item.variable
         return (
-          <div className={cn('flex items-center space-x-1', 'group relative')} key={index}>
+          <div className={cn('flex items-center space-x-1', 'group relative')} key={item.id || index}>
             <Input
               wrapperClassName='w-[120px]'
               disabled={readonly}