From 5b879bbe5797e6ca4afa8133d1a2dda8114e2db4 Mon Sep 17 00:00:00 2001
From: Siva Rama Krishna <sivaramakrishna.tumma@in.pega.com>
Date: Mon, 18 Nov 2024 20:21:28 +0530
Subject: [PATCH] fix: unique id for Alert component added

---
 .../designSystemExtension/AlertBanner/AlertBanner.tsx          | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react-sdk-components/src/components/designSystemExtension/AlertBanner/AlertBanner.tsx b/packages/react-sdk-components/src/components/designSystemExtension/AlertBanner/AlertBanner.tsx
index 0df1bf2a..8b0b983b 100644
--- a/packages/react-sdk-components/src/components/designSystemExtension/AlertBanner/AlertBanner.tsx
+++ b/packages/react-sdk-components/src/components/designSystemExtension/AlertBanner/AlertBanner.tsx
@@ -1,4 +1,5 @@
 import { Alert } from '@mui/material';
+import { v4 as uuidv4 } from 'uuid';
 
 // AlertBanner is one of the few components that does NOT have getPConnect.
 //  So, no need to extend PConnProps
@@ -30,7 +31,7 @@ export default function AlertBanner(props: AlertBannerProps) {
   return (
     <div id={id}>
       {messages.map(message => (
-        <Alert key={message} variant='outlined' severity={SEVERITY_MAP[variant]} {...additionalProps}>
+        <Alert key={uuidv4()} variant='outlined' severity={SEVERITY_MAP[variant]} {...additionalProps}>
           {message}
         </Alert>
       ))}