Auto Scroll on a sort list with Drag

[YashasKirito]

Hello,

I have been trying to recreate a dragable list, where we can sort the list items while dragging them (exactly how the drag works in JIRA tickets)

Example:

Notice how the list automatically scrolls when we drag over to the top or end of the list.
I have been trying to implement that exactly scroll behaviour, but I am not sure about how to approach this problem as I am a complete noobie to animations.

This is what i have so far:

Yes, I am using the basic example which was provided from the docs 😅. Like i said, I'm new.

I am using react-spring along with use-gesture. I didn’t find any helpful examples, So i'm here now.

I would really appreciate it if anyone can provide me any helpful feedback and any ideas as to how i should try to approach this problem. Thanks! ❤️

the code i have so far: https://codesandbox.io/s/charming-drag-list-xztjin