How to end an animation in react that is attached to a cursor?

Question

JavaScript

This application, depending on the position of the cursor, changes the width of the background and the position of the icon that follows the mouse and changes its size if the mouse speed is
high
.

Answer 1

Why animate and re-render if nothing has changed?
Still tied to the mouse