JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sortable" class="ui-state">
				<div id="draggable1" class="ui-state-default">1</div>
				<div id="draggable2" class="ui-state-default">2</div>
				<div id="draggable3" class="ui-state-default">3</div>
    <div id="draggable4" class="ui-state-default">4</div>
</div>

CSS

.ui-state-default {
	height: 50px;
	width: 100px;
	float: left;
	margin: 10px;
	padding: 0;
	list-style-type: none;
   	
}
#sortable {
	position: relative;
	height: 500px;
    width: 350px;
}

JavaScript

$(function() {
	$("#sortable").sortable();
	$("#sortable").disableSelection();
});