react-spring and typescript not callable error

Question

I am unable to make the simplest example of react-spring work:

import { useSpring } from 'react-spring/three'

export const myComponent = () => {
    const [spring, setSpring] = useSpring(() => ({ xpos: 0 }))
    setSpring({xpos: 10})

    return (
        <Canvas />
    )
}

It gives me this:

Uncaught TypeError: setSpring is not a function

Answer 1

There's more discussion on this here: https://github.com/pmndrs/react-spring/issues/1359

Current work-around: use setSpring.current[0].start() rather than setSpring()

Answer 2

Well, it works with react-spring v9.0.0 beta.