how to dismiss immediately without animation?

[12343954]

 "react-toastify": "^4.5.2",

[17LingShan]

I think you can custom a style when the Transition exit.
See the .no-animation in style.css file.
https://codesandbox.io/p/sandbox/react-toastify-animate-css-forked-j8xdky?file=%2Fsrc%2FApp.js%3A19%2C1

[12343954]

the reason I do this is because the second and first toast will take up too much view space, so I have to quickly turn off the previous toast without animation so that the second toast takes up the first position and space.

my temporary approach is to remove the previous toast directly from DOM tree before the second toast show up.

avoid occluding more view space.

[17LingShan]

the reason I do this is because the second and first toast will take up too much view space, so I have to quickly turn off the previous toast without animation so that the second toast takes up the first position and space.

my temporary approach is to remove the previous toast directly from DOM tree before the second toast show up.

avoid occluding more view space.

Okay, I understand what you are meaning. You hope the action of toast is dismissing the oldest toast and adding the newest toast into the container of toasts which has limit prop, right?

[12343954]

good, your idea is better. limit={1}

something like this.
remove the dismiss animation and keep the displayed animation

Record_2024_04_20_10_47_29_525.mp4

[17LingShan]

good, your idea is better. limit={1}

something like this. remove the dismiss animation and keep the displayed animation

Record_2024_04_20_10_47_29_525.mp4

It is my pleasure to help you achieve success. 😄