Line graph onAnimationEnd doesn't trigger and dots do not render

Do you want to request a feature or report a bug?

Bug

What is the current behavior?

Not all the time, but sometimes the onAnimationEnd prop on Line graph doesn’t trigger and the dots do not render on the graph. I think it has something to do with the handleAnimationEnd function in Line.js that should be called by the react-smooth Animate component but its not. handleAnimationEnd sets isAnimationFinish to true in the Line graph state and triggers the dot render.

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via https://jsfiddle.net or similar (template: http://jsfiddle.net/ndLhnegs/).

It just happens sometimes when you refresh

What is the expected behavior?

Everything should render every single time and onAnimationEnd should fire

Which versions of Recharts, and which browser / OS are affected by this issue? Did this work in previous versions of Recharts?

v1.6.1

[barbalex]

This still happens in v.1.8.5.

The dots render when animation is disabled by setting isAnimationActive={false}

[nicvickeryw]

Still experiencing the same issue with AreaChart in v1.8.15. Only fix I have found is setting isAnimationActive={false}.