Fixes #37915 - Give Toasts keys for ToastsList

theforeman · Oct 15, 2024 · 4d43e55 · 4d43e55
1 parent 92e7ae9
commit 4d43e55
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/webpack/assets/javascripts/react_app/components/ToastsList/index.js b/webpack/assets/javascripts/react_app/components/ToastsList/index.js
@@ -27,7 +27,6 @@ const ToastsList = ({ railsMessages }) => {
     ([key, { type, message, link, sticky, ...toastProps }]) => (
       <Alert
         ouiaId={`toast-item-${key}`}
-        key={key}
         title={toastTitle(message, toastType(type))}
         variant={toastType(type)}
         timeout={sticky ? false : 8000}
@@ -44,6 +43,7 @@ const ToastsList = ({ railsMessages }) => {
           )
         }
         {...toastProps}
+        key={toastProps.key || key}
       >
         {(message.length > 60 || React.isValidElement(message)) && message}
       </Alert>