JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dragMe" draggable="true">
Drag Me
</div>
<div class="dragHere">
Drag Here
</div>

CSS

.dragMe {
  height: 50px;
  width : 50px;
  background-color: Green;
  cursor: grab;
  cursor: -webkit-grab;
}
.dragMe:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
.dragHere {
    height: 150px;
    width : 150px;
    background-color: Red;
}

JavaScript

$(document).ready(function () {
				$(".dragMe").on("dragstart", function (event) {
            var dataTransferObj = event.originalEvent.dataTransfer;
            dataTransferObj.effectAllowed = "move";
            dataTransferObj.setData('Text', $(this).attr('id'));
        });
        $(".dragMe").on("dragend", function (event) {
        });
        $(".dragHere").on("dragover drop", function (event) {
            event.preventDefault();
            if (event.type === 'dragover') {
                event.originalEvent.dataTransfer.dropEffect = 'move';
            }
        });
 });