Capture mouse position of a component when an onDrop event occurred in React

Question

I\'m trying to capture the mouse coordinates relative to the droppable grid shown in the image below when an item from draggable items sections is dragged and dropped to the