Fix issue in Toast component key handling

seek-oss · Jul 12, 2024 · a3b0d6c · a3b0d6c
1 parent 840e886
commit a3b0d6c
Show file tree

Hide file tree

Showing 4 changed files with 98 additions and 36 deletions.
diff --git a/.changeset/strange-otters-carry.md b/.changeset/strange-otters-carry.md
@@ -0,0 +1,10 @@
+---
+'braid-design-system': patch
+---
+
+---
+updated:
+  - Toast
+---
+
+Fix warning in React 18.3.0 when using useToast.
diff --git a/packages/braid-design-system/src/lib/components/useToast/ToastContext.tsx b/packages/braid-design-system/src/lib/components/useToast/ToastContext.tsx
@@ -168,10 +168,11 @@ export const useToast = () => {
   return useCallback(
     (toast: Toast) => {
       const id = `${toastCounter++}`;
-      const dedupeKey = toast.key ?? id;
+      const { key, ...rest } = toast;
+      const dedupeKey = key ?? id;
 
       addToast({
-        ...toast,
+        ...rest,
         vanillaTheme,
         id,
         dedupeKey,