Drag and Drop API flickering issue

Hey, I'm, facing flickering issues with drag and drop API, I've realized onDragleave also triggers when drop-area's onDrag event enters or leave its children too which is causing the problem. I also can't set pointer-events: none as I've some handlers in children components.

Two things which are causing flickering:
-> When a image is uploaded or dropped it causes re-render due to useState.
-> When dragLeave & dragEnter

https://codesandbox.io/p/sandbox/dawn-star-73dt8g
Was this page helpful?