Enable CSS transition for sectors on hover in PieChart with isAnimationActive as true

[beltranrengifo]

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

Reproduction link

Steps to reproduce

• if isAnimationActive is true, hover any sector, check the fill transition is not applied
• if isAnimationActive is false, hover any sector, check the fill transition is applied

What is expected?

the fill transition works in both cases

What is actually happening?

the fill transition only works if isAnimationActive is false

Environment	Info
Recharts	v2.12.1
React	16.14.0
System	14.3 (23D56)
Browser	Chrome Version 121.0.6167.184 (Official Build) (arm64)

---

I posted this in SO as I thought it was not an issue but I got no response so I'm opening this here. Thank you!

[ckifer]

Looks like this is a bug as far as I can tell. When animation is not active, the sectors do not re-render on hover. When animation is active, they do. Probably a rendering optimization to be done here.

[beltranrengifo]

Looks like this is a bug as far as I can tell. When animation is not active, the sectors do not re-render on hover. When animation is active, they do. Probably a rendering optimization to be done here.

Thanks for your inputs @ckifer
Let me know how I can help, in case this is a bug suitable for new people in this repo 🙌

[ckifer]

https://github.com/recharts/recharts/blob/3.x/src/polar/Pie.tsx#L536

This is probably where the issue is, but the fix isn't clear. I personally wouldn't recommend this as a first issue to take up, but feel free to look into it if you'd like