JSFiddle - React, Tailwind, and code Playground

HTML

<div id="drag">
</div>
<div id="drop">
</div>

CSS

#drag {
    width:100px;
    height:100px;
    margin:5px;
    background-color:red;
}
#drop {
    width:300px;
    height:300px;
    margin:5px;
    margin-top:10px;
    border:1px solid black;
}

JavaScript

$('#drag').draggable({ revert: "invalid"});
$('#drop').droppable({ tolerance: "fit" });