[@use-gesture]: initial option has been renamed to from.

[crapthings]

it looks doc is outdated

[@use-gesture]: initial option has been renamed to from.

i'm trying to drag scrollLeft, but i don't know how to save position after dragend

https://use-gesture.netlify.app/docs/options/#initial

function ParentContainer () {
  const [{ x }, api] = useSpring(() => ({ x: 0 }))

  const bind = useDrag(({ down, movement: [mx, my] }) => {
    api.start({ x: down ? mx : 0 })
  }, {
    initial: () => [x.get(), 0],
    // reverse: true
  })

  console.log(x)

  return (
    <animated.div {...bind()} scrollLeft={x} className='w-full max-w-screen space-x-8 overflow-x-auto whitespace-nowrap'>{Items.map(ChildContainer)}</animated.div>
  )
}

function ChildContainer (item) {
  return (
    <div key={item._id} className='inline-block w-16 h-16 rounded-full bg-red-900'></div>
  )
}