Dragline keeps flickering when dragging item

[mboudreau]

Describe the bug
If you look at your own demo, if you go between items and the drag line appears, if you move your mouse horizontally, it'll often times flicker even though the position of the item to be dropped hasn't change. The dragline should remain "stable" during this time. It's almost like the whole tree rerenders when dragging an item.

To Reproduce
Drag an item in your own demo page.

Expected behavior
Dragline should remain stable while moving the mouse between items. I have a feeling this is an issue with re-rendering when nothing's changed. It's also weird to use a function to get the styling instead of just passing the static styles on change from the hook, which might be the crux of this issue...

Screenshots
https://github.com/user-attachments/assets/361d9c8c-e096-4c27-87fa-91d06573420a

Additional context
Using v1.2.1 on latest chrome

[lukasbach]

I'll look into this more in the future, but also made a small change to delay the resetting of the drag state on drag leave by a bit before committing this change, which should reduce this issue a bit. It's for now available as snapshot release ( npm i @headless-tree/core@snapshot @headless-tree/react@snapshot).