Asynchronously loaded data breaks animation in graph leading to dots not showing up

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Steps to reproduce

Hover over the graph and no animation is triggered

What is expected?

• Graph to be animated
• Active and non-active dots to show up on Line
• Tooltip to animate on hover

What is actually happening?

• Graph does not animate
• Dots do not show up on <Line />
• Active dots are not triggered on <Line />
• Tooltip does not animate

Environment	Info
Recharts	v2.0.0-beta.5
React	react@16.12.0
System	macOS Catalina 10.15.2
Browser	Version 80.0.3987.149

---

• Commenting out onMouseMove on the LineGraph seems to fix the animation issue but having async data still breaks the graph
• There are similar issues that have been closed in the past, I was wondering if the main issue was actually fixed or if those issues were closed due to being stage?
  • https://github.com/recharts/recharts/issues/789
  • https://github.com/recharts/recharts/issues/375
  • https://github.com/recharts/recharts/issues/1259 there are a couple others but these should do

[xile611]

@no-itsbackpack

the following behavior is right

• Graph does not animate
• Dots do not show up on
• Tooltip does not animate

but he behavior of active dot is not right.

[Gekctek]

I also experience this bug. No dots show up if the chart changes in mid animation. Inital load is fine. Turning off animation, the dots always show up just fine