xiaoluoboding / vue-sonner

🔔 An opinionated toast component for Vue.
https://vue-sonner.vercel.app
MIT License
803 stars 41 forks source link

ERROR - Dismiss not working #63

Closed ishaiavrahami closed 1 month ago

ishaiavrahami commented 5 months ago

The dissmiss function is not working and breaking the toaster. This is the code im running. Very simple.

toast.dismiss(toastId)

and its returning

Uncaught (in promise) Maximum recursive updates exceeded in component . This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.

Screenshot 2024-03-31 at 6 21 01 PM
ishaiavrahami commented 5 months ago

@xiaoluoboding please see this has it breaks the code. New toasts WONT work

Froelund commented 4 months ago

I have this same issue 🖐️ Minor difference in my implementation, but the error is similar.

const toastId = toast('Event', { duration: 10000 });
toast.dismiss(toastId)
ishaiavrahami commented 4 months ago

@Froelund its ridiculous. i fixed this by emitting emit('closeToast') inside the component