JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<div id="draggable">Item 1</div>


<div id="sortable1" class="sortable">
    
</div>

<div id="sortable2" class="sortable">
    
</div>

CSS

div {
    border: 1px black solid;
    min-height: 30px;
    margin-top: 10px;
    padding: 5px;
}

JavaScript

$('#draggable').draggable({
    connectToSortable:'.sortable'
});

$('.sortable').sortable({
    connectWith: '.sortable'
});