JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>

<style>
    #draggable { width: 150px; height: 150px; padding: 0.5em; border: black 1px solid; }
</style>
<script>
$(function() {
    $( "#draggable" ).draggable();
    $(window).mousedown(function() {
        $("#text").append("mouse down<br>")
    });
    $(window).mouseup(function() {
        $("#text").append("mouse up<br>")
    });
});
</script>

<div id="draggable" class="ui-widget-content">
    <p>Drag me around</p>
</div>

<div id="text"></div>