[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?

[Yeom-JinHo]

@iharshyadav

Feel free to start working on it and open a PR when ready. If you have any questions while implementing, don’t hesitate to ask — happy to help.

[iharshyadav]

@Yeom-JinHo can you please assign me this issue so that i can start working on it?

[Yeom-JinHo]

@iharshyadav Thanks for your interest! I've assigned the issue to you.

[iharshyadav]

Hey, @Yeom-JinHo kindly review it i have raise the pr.

[Yeom-JinHo]

@Impre-visible
Thanks for reporting this, tysm for the repro.

PR #895 should fix this by making the default duration deterministic and by exposing repeat / repeatDelay for explicit timing setups as well.

Please feel free to re-test, and let us know if you still see any drift.