v9 ".start" error

[carmandale]

I am getting this error
react-spring: Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead)

I am using the example from here:
https://use-gesture.netlify.app/docs/options/

`function Box() {
const { viewport } = useThree()
const { width, height, factor } = viewport
const [spring, setSpring] = useSpring(() => ({ position: [0, 0, 0], scale: [1, 1, 1] }))

const bind = useDrag(({ offset: [x, y] }) => setSpring({ position: [x, y, 0] }), {
// bounds are expressed in canvas coordinates!
bounds: { left: -width / 2, right: width / 2, top: -height / 2, bottom: height / 2 },
rubberband: true,
transform: ([x, y]) => [x / factor, -y / factor],
})

return (
<a3f.mesh {...bind()} {...spring}>
<boxBufferGeometry args={[1, 1, 1]} />

</a3f.mesh>
)
}
function Transform() {
return (


<spotLight position={[10, 10, 10]} angle={0.15} penumbra={1} />


)
}`

I am not sure where or how to use the .start. Can someone clarify? I pulled this from the documentation.

thanks,
Dale

[dbismut]

I forgot to update the example but use setSpring.start.

[carmandale]

Thank you. That removes the error. It works on desktop and on iOS mobile just as expected.
But on the chrome, inspector - mobile simulator, where you can make it "mobile" the drag is greatly reduced, basically unusable, and I get the same on Android mobile too.

any ideas?

[dbismut]

touch-action: none on the canvas.

[carmandale]

Hallelujah! that did it.