How to animate looping points with react-spring (v9)?

[victorias]

Hi! Thank you so much for this amazing library. Not sure if this question fits better within the react-spring repository, more than happy to move if so.

I have a codesandbox here: https://codesandbox.io/s/r3f-react-spring-basic-demo-1g5ll?file=/src/index.js which sets up a Points with 1 point in it. When you click on the point, it grows bigger as expected. However, the loop flag suggests to me it should loop, which it currently does not.

I should note that my ultimate desired behavior is a "pulsating" star field that animates upon mount, and when I remove the setState listeners the component mounts and (I assume) immediately fires the animation, although I haven't ever really observed that. The end user experience is that the point is simply at its largest state.

Thank you for the help! And apologies if I've missed something basic.

[drcmda]

youre missing the from prop, it cant reverse because it doesnt know initial values.

also, vertices in threejs cant be overwriten. https://codesandbox.io/s/r3f-react-spring-basic-demo-ftyso

[victorias]

thank you!! it's really refreshing to see your kindness on these discussions. <3