JSFiddle - React, Tailwind, and code Playground

HTML

<div id="new">
        <h3>list heading 1</h3>
        <div class="listitem" rel="1"><div class="icon_drag"></div>list title 1</div>
        <div class="listitem" rel="2"><div class="icon_drag"></div>list title 2</div>
        <div class="listitem" rel="3"><div class="icon_drag"></div>list title 3</div>
        <div class="listitem" rel="4"><div class="icon_drag"></div>list title 4</div>
        <div class="listitem" rel="5"><div class="icon_drag"></div>list title 5</div>
        <div class="listitem" rel="6"><div class="icon_drag"></div>list title 6</div>
        <br />
    </div>

CSS

.drag { 
    background-color: red; 
}

JavaScript

$(function() {
    $("#new").sortable({


        start: function(event, ui) {
            ui.item.toggleClass('drag');
        },
        stop: function(event, ui) {
            ui.item.toggleClass('drag');
        },

    });
});