JSFiddle - React, Tailwind, and code Playground

HTML

<div id="drag" style="width:200px;height:200px;border:1px solid #000">test</div>

<div id="pos"></div>

JavaScript

$("#drag").draggable({
    stop: function(event, ui){
        
        var x = event.pageX - ui.offset.left;
        var y = event.pageY - ui.offset.top;
        
        $("#pos").html(x + ', ' + y);
    }
});