HeroUI Version

2.8.7

Describe the bug

🐛 Bug: Toast placement creates duplicate toasts in multiple positions

Description:

On the Toast component – placement demo page, clicking different placement buttons (Top Left, Top Center, Top Right, Bottom Left, etc.) causes multiple duplicate toasts to appear.
Even though the toast appears in the selected position, additional toasts are also rendered simultaneously in other positions (for example, Bottom Right). Repeated clicks increase the number of duplicated toasts instead of updating/replacing the existing one.

Your Example Website or App

https://heroui.com/docs/components/toast

Steps to Reproduce the Bug or Issue

1. Visit the Toast component page on the HeroUI.
2. Scroll to the Toast placement demo section
3. Click Top Left
4. Observe the toast appears correctly on the top left
5. Click Top Center or Top Right
6. Repeat clicks on different placement buttons multiple times

Expected behavior

1. Only one toast should be visible at a time

2. Toast should appear only in the selected placement

3. Changing placement should update or replace the existing toast

Screenshots or Videos

No response

Operating System Version

OS: Windows / Android (also reproducible on mobile)

Browser

Chrome