Animate a circle with UseSpring()

Hey,
I have done an animation with reactSpring() that allows a circle to follow my mouse.
When I click on this circle a small animation is triggered (scale 1 to 1.5 then to 1) But the problem is that the circle continues to follow my mouse, I would like in fact that when I click it’s trigger the animation of my circle and then when the animation is done the position of the circle is updated on the mouse, I do not know if I am clear.

There is a Sandbox : Circle animation - CodeSandbox

i do not understand the last part

I would like in fact that when I click it’s trigger the animation of my circle and then when the animation is done the position of the circle is updated on the mouse

are you saying you want the point to stay there once you clicked and now follow the mouse?

the code seems too complicated for such a small task. pointer events are inbuilt into r3f, you don’t need dom events. and react spring seems too much as well.