I'm using the react-draggable library to move elements in the body. But right now I'm struggling with one issue. It's about elements in the draggable area.

The idea is:

1. User can move some elements over container div (works fine) (there can be multiple draggable elements)
2. User can't move an element on the other element which is also draggable element in that area

I want to prevent overlapping the elements in that zone. Do you know how can I achieve it? :)

Thank you so much!