JSFiddle - React, Tailwind, and code Playground

HTML

<div id="source" class="box">
    <div class="dragme">bacon</div>
    
</div>
<div id="drop" class="box"></div>

CSS

.box { height:100px;width:100px;border:1px solid #333; }
.dragme { width:100%; margin:5px; border:1px solid #333; }

JavaScript

$('.dragme').draggable();
$('#drop, #source').droppable({
    drop:function(e, ui) {
        $(e.target).append($(ui.draggable).detach().css({'top':'', 'left':''}));
    }
});