[Animate SVG paths with react]

Thank you Rodrigo! You're a star 🌟

[Animate SVG paths with react]

Hi guys,
On a previous post, I was trying to animate replacing svgs. As you rightly mentioned, the only thing that I had to do was recreate the tweens.
I'm now trying to implement it using react and I'm seeing a weird behaviour:
When we click on the different sections, the svg is being replaced as intended, but only the same number of paths are being animated.
Here's a demo:
https://codesandbox.io/s/react-boilerplate-forked-fcrx6i?file=/public/index.html
Thank you for your amazing work!

See the Pen index.html by s (@s) on CodePen

[Animation onComplete does not play]

Thank you very much for the help and the fast response

[Animation onComplete does not play]

Thank you for your amazing work!

We're trying to animate a new svg by clicking a button.

The onReverse seems to work but the new svg appears immediately instead of animating.

Adding multiple timelines would solve it, but this is a sample of a larger project where that wouldn't scale that well. We tried to use the restart() instead of the play() but makes no difference.

Any suggestion would be appreciated

See the Pen zYjyebG by rgoncalves_123 (@rgoncalves_123) on CodePen