I'm currently porting over some UI code written in Jquery UI to react-draggable, trying to migrate from draggable and droppable to respective React elements.

Though dragging works fine, I can't figure out how to notify both the div that the draggable is dragging on (or is placed on) and the draggable which div is on.

In easier terms,

1. A draggable element, <Foo /> and a absolute-positioned div with a width and a size, <Bar />, exists
2. <Foo /> is being dragged on top of <Bar />
3. An event handler in Foo fires, notifying that it is currently on top of <Bar />
3. An event handler in Bar fires, notifying that <Foo /> is currently on top of itself.

How would I achieve this in react-draggable?