kitzo 2.0.2 → 2.0.4

package/README.md

@@ -25,7 +25,7 @@ npm i kitzo
 or
 
 ```javascript
-<script src="https://cdn.jsdelivr.net/npm/kitzo@2.0.1/dist/kitzo.umd.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/kitzo@2.0.4/dist/kitzo.umd.min.js"></script>
 ```
 
 > Attach this script tag in the html head tag and you are good to go.

package/dist/react.esm.js

@@ -386,6 +386,7 @@ function ToastContainer(props) {
   } = props;
   const [toasts, setToasts] = useState([]);
   useEffect(() => {
+    const timeouts = new Set();
     const unsub = subscribe(toast => {
       const duration = toast.options.duration;
       const id = toast.options.id;
@@ -405,18 +406,24 @@ function ToastContainer(props) {
         }, ...prev];
       });
       if (toast.type !== 'loading') {
-        setTimeout(() => {
+        const exit = setTimeout(() => {
           setToasts(prev => prev.map(t => t.options.id === id ? {
             ...t,
             leaving: true
           } : t));
         }, Math.max(0, duration - 300));
-        setTimeout(() => {
+        const remove = setTimeout(() => {
           setToasts(prev => prev.filter(t => t.options.id !== id));
         }, duration);
+        timeouts.add(exit);
+        timeouts.add(remove);
       }
     });
-    return () => unsub();
+    return () => {
+      unsub();
+      timeouts.forEach(clearTimeout);
+      timeouts.clear();
+    };
   }, []);
   return /*#__PURE__*/React.createElement("div", {
     style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitzo",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "A lightweight JavaScript UI micro-library.",
   "type": "module",
   "main": "./dist/kitzo.umd.js",