fix: ensure proper unmounting of Toast component on close

langgenius · Dec 9, 2024 · 16c06da · 16c06da
1 parent 3b6e3ca
commit 16c06da
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/web/app/components/base/toast/index.tsx b/web/app/components/base/toast/index.tsx
@@ -127,17 +127,21 @@ Toast.notify = ({
       <ToastContext.Provider value={{
         notify: () => {},
         close: () => {
-          if (holder)
+          if (holder) {
+            root.unmount()
             holder.remove()
+          }
         },
       }}>
         <Toast type={type} size={size} message={message} duration={duration} className={className} />
       </ToastContext.Provider>,
     )
     document.body.appendChild(holder)
     setTimeout(() => {
-      if (holder)
+      if (holder) {
+        root.unmount()
         holder.remove()
+      }
     }, duration || defaultDuring)
   }
 }