search

teodosii / react-notifications-component

Delightful and highly customisable React Component to notify your users
https://teodosii.github.io/react-notifications-component/
MIT License
1.27k stars 73 forks source link

uncompatibility with animate.css library #155

Open Loque18 opened 2 years ago

Loque18 commented 2 years ago

if you import the animate.css into the project, the first time you dispatch a notification if dissapears for a second, then it appears again, (at least trying to play the fade in animation)

stepts to reproduce:

create new react / nextjs app npm install react-notifications-component@4.0.0 npm install animate.css

import react-notifications-component import animate.css

dispatch a notification with fade in entrance animation

teodosii commented 2 years ago

Let's stick to one issue open for now :)

djizco commented 2 years ago

I started having this or a similar issue when I migrated to React 18. First time dispatching a notification, it appears for a millisecond, then disappears, and then does the animation.

Loque18 commented 2 years ago

I started having this or a similar issue when I migrated to React 18. First time dispatching a notification, it appears for a millisecond, then disappears, and then does the animation.

Yes I still having this issue, the only solution I found for now is to stop using animate.css

teodosii commented 2 years ago

For some reason I thought the reporter reported the same issue twice, when the other one was fixed in a different thread but it seems it's not the same. I'll investigate, will let it open for now.

teodosii commented 2 years ago

I started having this or a similar issue when I migrated to React 18. First time dispatching a notification, it appears for a millisecond, then disappears, and then does the animation.

Interesting, this doesn't seem to happen on github-pages - Are you able to replicate there?

Yekna commented 2 years ago

I was also able to replicate it in a React 18 project.