[bug]: AnimatedBeams - Inconsistent timings

[Impre-visible]

Describe the bug

The Animated Beams component have inconsistent timings.

Affected component/components

Animated Beams

How to reproduce

1. Created multiple Circles
2. With the circles ref, link them with the Animated Beams components
3. Try to get them synchronized
4. Fail

Codesandbox/StackBlitz link

https://v0.app/chat/animated-beam-bug-iNYwhGcH0tX?utm_source=adobevisible-4695&utm_medium=referral&utm_campaign=share_chat&ref=D5T9JF

Logs

System Info

React v19.2.0
Motion v12.23.24

Chrome v142 & Edge 142

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[iharshyadav]

Hey, Can I work on this issue?