react-spring document

[tarkers]

🤓 Question

folllow react-spring document

function Number() {
  const [flip, set] = useState(false)
  const { number } = useSpring({
    reset: true,
    reverse: flip,
    from: { number: 0 },
    number: 1,
    delay: 200,
    config: config.molasses,
    onRest: () => set(!flip),
  })

  return <animated.div>{number.to(n => n.toFixed(2))}</animated.div>
}

Error

TypeError: number.to is not a function

should the document need update or i lost to follow sth?

use

"react": "^17.0.2",
"react-spring": "^8.0.27"
(You must search the issues before asking your question. Please consider asking in the Discussions tab and/or Stack Overflow first.)

[joshuaellis]

You're using v8, try number.interpolate