fix flush sync error (#586)

emilkowalski · Feb 20, 2025 · 1829bfa · 1829bfa
1 parent d66388d
commit 1829bfa
Showing 1 changed file with 15 additions and 13 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -649,20 +649,22 @@ const Toaster = React.forwardRef<HTMLElement, ToasterProps>(function Toaster(pro
       }
 
       // Prevent batching, temp solution.
-      ReactDOM.flushSync(() => {
-        setToasts((toasts) => {
-          const indexOfExistingToast = toasts.findIndex((t) => t.id === toast.id);
-
-          // Update the toast if it already exists
-          if (indexOfExistingToast !== -1) {
-            return [
-              ...toasts.slice(0, indexOfExistingToast),
-              { ...toasts[indexOfExistingToast], ...toast },
-              ...toasts.slice(indexOfExistingToast + 1),
-            ];
-          }
+      setTimeout(() => {
+        ReactDOM.flushSync(() => {
+          setToasts((toasts) => {
+            const indexOfExistingToast = toasts.findIndex((t) => t.id === toast.id);
 
-          return [toast, ...toasts];
+            // Update the toast if it already exists
+            if (indexOfExistingToast !== -1) {
+              return [
+                ...toasts.slice(0, indexOfExistingToast),
+                { ...toasts[indexOfExistingToast], ...toast },
+                ...toasts.slice(indexOfExistingToast + 1),
+              ];
+            }
+
+            return [toast, ...toasts];
+          });
         });
       });
     });