fix: cannot close notification manually

langgenius · Dec 9, 2024 · 3b6e3ca · 3b6e3ca
1 parent c3c6a48
commit 3b6e3ca
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/web/app/components/base/toast/index.tsx b/web/app/components/base/toast/index.tsx
@@ -123,7 +123,17 @@ Toast.notify = ({
     const holder = document.createElement('div')
     const root = createRoot(holder)
 
-    root.render(<Toast type={type} size={size} message={message} duration={duration} className={className} />)
+    root.render(
+      <ToastContext.Provider value={{
+        notify: () => {},
+        close: () => {
+          if (holder)
+            holder.remove()
+        },
+      }}>
+        <Toast type={type} size={size} message={message} duration={duration} className={className} />
+      </ToastContext.Provider>,
+    )
     document.body.appendChild(holder)
     setTimeout(() => {
       if (holder)