HTML Drag and Drop – determine position within object

I am trying to determine the position within a div where the drop occurs (relative to the center point).
The goal would be to determine if the drop is above, below, right or left. So far, I can only find the coordinates of the event (SyntheticBaseEvent) clientX/Y, but not the coordinates of the target being dropped on.
Is there a way to determine this?

>Solution :

You can by getting the coordinates of the div and working from there

element.getBoundingClientRect();

Hope it helped