Skip to content

[bug]: AnimatedBeams - Inconsistent timings #840

@Impre-visible

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions