JSFiddle - React, Tailwind, and code Playground

HTML

<div id="red" class="draggable"></div>
<div id="blue" class="draggable"></div>

CSS

.draggable {
    height: 40px;
    width: 40px;
}

#red {
    border: 1px solid red;
}

#blue {
    border: 1px solid blue;
}

JavaScript

$('#red').draggable({
    revert: 'invalid',
    helper: 'clone',
    start: function(){ 
        $('#red').remove(); 
    },
    stop: function(event, ui){ 
        console.log('stopped');
    }
});

$('#blue').draggable({
    revert: 'invalid',
    helper: 'clone'
});