From 3124a72e67b3121afbaafcf92d90a363ceb7d6a9 Mon Sep 17 00:00:00 2001
From: Philippe Oberti <philippe.oberti@elastic.co>
Date: Fri, 8 Nov 2024 11:01:07 -0600
Subject: [PATCH] [Security Solution][Session view] - fix EuiButton key not
 unique throwing error (#199497)

## Summary

This PR fixes a very small console error because of a EuiButton key that
is not unique in the Session View component.

Before fix


https://github.com/user-attachments/assets/930adc5d-1505-43c1-ac2f-451172e803e5

After fix


https://github.com/user-attachments/assets/5a4a824d-d048-4822-a930-a30bb87336cc
---
 .../public/components/process_tree_node/buttons.tsx           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/session_view/public/components/process_tree_node/buttons.tsx b/x-pack/plugins/session_view/public/components/process_tree_node/buttons.tsx
index f5e2220c5e909..401c55ca90c8d 100644
--- a/x-pack/plugins/session_view/public/components/process_tree_node/buttons.tsx
+++ b/x-pack/plugins/session_view/public/components/process_tree_node/buttons.tsx
@@ -86,8 +86,8 @@ export const AlertButton = ({
       {alertsCount > 1 ? ALERTS : ALERT}
       {alertsCount > 1 &&
         (alertsCount > MAX_ALERT_COUNT ? ` (${MAX_ALERT_COUNT}+)` : ` (${alertsCount})`)}
-      {alertIcons?.map((icon: string) => (
-        <EuiIcon className="alertIcon" key={icon} size="s" type={icon} />
+      {alertIcons?.map((icon: string, index: number) => (
+        <EuiIcon className="alertIcon" key={`${icon}-${index}`} size="s" type={icon} />
       ))}
       <EuiIcon css={buttonArrow} size="s" type="arrowDown" />
     </EuiButton>