JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="list-1" class="group">
    <li data-post-id="post-1">Post 1</li>
    <li data-post-id="post-2">Post 2</li>
    <li data-post-id="post-3">Post 3</li>
    <li data-post-id="post-4">Post 4</li>
</ul>

CSS

ul { list-style: none;  }
li { margin:5px; padding:5px; background:#ccc; cursor:move; width: 100px; height: 100px;}
li:hover { background:#bbb; }
li:active { background:#999; }

JavaScript

$(document).ready(function() {
    $('#list-1').sortable({
        over: function () {
            console.log('over called');
        }
    });
});