Screen reader reads the toast content three times

Author: nnmnCreated Jul 21, 2026Updated Jul 21, 2026

This can be verified for example with the project https://stackblitz.com/edit/react-toastify-next-js?file=README.md

When you click the notify button the screen reader (NVDA on Windows 11 for me) reads Hey Next.js!close notification timer
notification Hey Next.js! close button Hey Next.js!close notification timer

The last line is read when the toast is destroyed.

I assume that the reason for repetition is that the library puts 'role' on the toast instead of the toast container. Setting role implicitly makes an element a live region and live regions within live regions cause problems like this.