JSFiddle - React, Tailwind, and code Playground

HTML

<div class="demo">

<ol id="selectable" class="ui-selectable">
    <li class="ui-widget-content ui-selectee">Item 1</li>
    <li class="ui-widget-content ui-selectee">Item 2</li>
    <li class="ui-widget-content ui-selectee">Item 3</li>
    <li class="ui-widget-content ui-selectee">Item 4</li>
    <li class="ui-widget-content ui-selectee">Item 5</li>
    <li class="ui-widget-content ui-selectee">Item 6</li>
    <li class="ui-widget-content ui-selectee">Item 7</li>
</ol>
</br>
</br>
    <div class="status"></div>
</div>

JavaScript

$(document).ready(function() {
    $("#selectable").selectable({

                stop: function(event, ui) {

            $('.status').append('<div>stop occured</div');
        }
    });
});