JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Draggable List</h3>
<ol id="DRAG">
    <li>Draggable One</li>
    <li>Draggable Two</li>
    <li>Draggable Three</li>
    <li>Draggable Four</li>
</ol>

<h3>Sortable List</h3>
<ol id="SORT">
    <li>Item One</li>
    <li>Item Two</li>
    <li>Item Three</li>
    <li>Item Four</li>
</ol>

JavaScript

$('#DRAG li').draggable({
  connectToSortable: '#SORT'
})

$('#SORT').sortable()