How can I animate all plane vertices in react-spring like I can with gsap?

[jeremiasjutz]

The following code is used together with react-three-fiber.

The position.array contains all vertices of my planeGeometry. The endArray: positions contains all newly calculated positions of these vertices. I need to animate between these two arrays.

This code works well, but I would like to move all my animations to react-spring, so that I can get rid of my dependency on gsap.

gsap.to(position.array, {
  ease: "power3",
  duration: 2,
  endArray: positions,
  onUpdate: () => {
    position.needsUpdate = true;
    geometry.computeVertexNormals();
  },
});