Remove any use of index

src/components/common/Status/StatusPopoverContent.js

@@ -34,10 +34,10 @@ export const StatusPopoverContent = ({ title, alerts }) => {
         {title}
       </Typography>
       {sanitizedAlerts.length > 0
-        ? sanitizedAlerts.map((alert, index) => (
+        ? sanitizedAlerts.map((alert) => (
             <AlertBanner
               {...alert}
-              key={`${alert?.type}-${alert?.message}-${index}`}
+              key={`${alert?.type}-${alert?.message}-${alert?.link}`}
             />
           ))
         : null}

src/components/navigation/NavigationMenu/NavigationMenu.js

@@ -58,8 +58,8 @@ function MenuListItem({ url, icon, text, tooltip }) {
 function MenuListItems({ menuItems, drawerOpen }) {
   return (
     <Box sx={{ paddingTop: 3 }}>
-      {menuItems.map(({ text, url, icon }, index) => (
-        <Fragment key={`${text}-${index}`}>
+      {menuItems.map(({ text, url, icon }) => (
+        <Fragment key={`${text}-${url}-${icon}`}>
           {typeof (text && url && icon) === "undefined" ? (
             <Divider sx={{ marginTop: 5 }} />
           ) : (