I am using react-animated-css, for simple animation in react. I have a list which I am rendering in a `<ul>` tag. I am adding animation to the first element of the list.

This list is getting updated every 3 seconds. And new element is added at the first position in the array.
The problem is, on load the animation is happening but not on update.

Here is full code : <https://codesandbox.io/embed/ecstatic-cloud-qdpcj> 

I am not able to create a tag with 'react-animated-css' name as I am not eligible. It would be helpful if someone creates one for this.