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;background:#fefefe; }

JavaScript

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