JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.js"></script>
<div class='target'></div>
<div class='target'></div>

<div class='drag'></div>

CSS

.target {
    width: 100px;
    height: 100px;
    background: green;
}

.drag {
    width: 50px;
    height: 50px;
    background: orange;
}

.target.active {
    background: blue;
}

JavaScript

$('.drag').draggable();
$('.target').droppable({assept: '.drag', hoverClass: 'active'});