JSFiddle - React, Tailwind, and code Playground

HTML

<div class="abc"> <ul>
    <li class="noDrag">
        <div>ggg</div>
        
    </li>
    </ul>
</div>

JavaScript

$('.abc>ul>li *').draggable({
    cancel:'.noDrag>div',
    cursor: 'move',
});

$('.abc li').droppable({
    greedy: true
});