From 8b25a39b2618ca088cb84d7c176a94e32a614084 Mon Sep 17 00:00:00 2001
From: Jasper <8398131+jasperfirecai2@users.noreply.github.com>
Date: Fri, 16 Aug 2024 12:56:57 +0200
Subject: [PATCH 1/2] fix special key prop in CToast

---
 packages/coreui-react/src/components/toast/CToast.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/coreui-react/src/components/toast/CToast.tsx b/packages/coreui-react/src/components/toast/CToast.tsx
index 449daaea..acc405b3 100644
--- a/packages/coreui-react/src/components/toast/CToast.tsx
+++ b/packages/coreui-react/src/components/toast/CToast.tsx
@@ -44,7 +44,7 @@ export interface CToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title
   /**
    * @ignore
    */
-  key?: number
+  innerKey?: number | string
   /**
    * Callback fired when the component requests to be closed.
    */
@@ -76,7 +76,7 @@ export const CToast = forwardRef<HTMLDivElement, CToastProps>(
       color,
       delay = 5000,
       index,
-      key,
+      innerKey,
       visible = false,
       onClose,
       onShow,
@@ -143,7 +143,7 @@ export const CToast = forwardRef<HTMLDivElement, CToastProps>(
               onMouseEnter={() => clearTimeout(timeout.current)}
               onMouseLeave={() => _autohide()}
               {...rest}
-              key={key}
+              key={innerKey}
               ref={forkedRef}
             >
               {children}
@@ -163,7 +163,10 @@ CToast.propTypes = {
   color: colorPropType,
   delay: PropTypes.number,
   index: PropTypes.number,
-  key: PropTypes.number,
+  innerKey: PropTypes.oneOfType([
+    PropTypes.number,
+    PropTypes.string
+  ]),
   onClose: PropTypes.func,
   onShow: PropTypes.func,
   visible: PropTypes.bool,

From 786399c2a567ba22a37797b98767c624c5c28ab3 Mon Sep 17 00:00:00 2001
From: Jasperfirecai2 <8398131+jasperfirecai2@users.noreply.github.com>
Date: Wed, 18 Sep 2024 21:58:44 +0200
Subject: [PATCH 2/2] Update key to innerkey in toaster

---
 packages/coreui-react/src/components/toast/CToaster.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-react/src/components/toast/CToaster.tsx b/packages/coreui-react/src/components/toast/CToaster.tsx
index e7d41e76..7ad9b823 100644
--- a/packages/coreui-react/src/components/toast/CToaster.tsx
+++ b/packages/coreui-react/src/components/toast/CToaster.tsx
@@ -45,7 +45,7 @@ export const CToaster = forwardRef<HTMLDivElement, CToasterProps>(
         ...state,
         React.cloneElement(push, {
           index: index.current,
-          key: index.current,
+          innerKey: index.current,
           onClose: (index: number) =>
             setToasts((state) => state.filter((i) => i.props.index !== index)),
         }),