JSFiddle - React, Tailwind, and code Playground

HTML

<div class="drag" id="drag1"></div>
<div class="drop" id="drop1"></div>

CSS

.drag, .drop {
    width: 100px;
    height: 100px;
    cursor: move;
    float: left;
    margin: 10px;
}
#drag1 {
    background-color: Crimson ;
}

#drop1 {
    background-color: DarkSeaGreen  ;
    clear:left;       
}

JavaScript

$(document).ready(function () {
    function acceptDrag(o) {
        return false;
    }
    var dropOpts = {
/*       accept: "#drag1",
      drop: dropCallback, */
            revert: true,

    };
    var dragOpts = {
        revert: true,
    }
    
    $(".drag").draggable(dragOpts);
    $(".drop").draggable(dropOpts);
});