From 35392078fff09c88821f7a59d0218853a2fe4e55 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Tue, 19 Nov 2024 11:00:20 -0300
Subject: [PATCH] fix: Add unique keys to Badge components in
 HandleTooltipComponent (#4688)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

✨ (HandleTooltipComponent/index.tsx): add unique key to each tooltip item to prevent React warning about missing key prop
---
 .../GenericNode/components/HandleTooltipComponent/index.tsx      | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/HandleTooltipComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/HandleTooltipComponent/index.tsx
index f6debfe83..83e43a7a4 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/HandleTooltipComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/HandleTooltipComponent/index.tsx
@@ -48,6 +48,7 @@ export default function HandleTooltipComponent({
           {tooltips.map((word, index) => (
             <Badge
               className="h-6 rounded-md p-1"
+              key={`${index}-${word.toLowerCase()}`}
               style={{
                 backgroundColor: left
                   ? `hsl(var(--${accentColorName}))`