How to handle well drag and links inside a component tree?

[Profesor08]

When I use drag props, to handle some gestures, I get in trouble when I try to drag over an link. Default links will not allow you to start dragging, you have to set draggable=fasle on each link, but navigation to href will happen and you have to event.preventDefault() at right moment. This makes it difficult to use, because you must to handle everything manually and code becomes messy.

There is sandbox: https://stackblitz.com/edit/vitejs-vite-k7ffttmh?file=src%2FApp.tsx