Chain animations with useMotionValue + useSpring

[hatsumatsu]

Hey, what would be the best approach to chain animations based on useMotionValue and useSpring?

Let's say I got this setup (using with r3f via framer-motion-3d):

const x = useMotionValue(0);
const xSpring = useSpring(x, {...config});

<motion.mesh position-x={xSpring} />

To animate first to 100 and right after to -100 I could use useMotionValueEvent and some kind of custom queue / flag to determine which stage of the animation I'm in. But maybe framer-motion already got some magic 🔮 baked in I'm missing?