JSFiddle - React, Tailwind, and code Playground

HTML

<div id="draggable" draggable=true>Drag me</div>
<p id="dragimage">This should be used as the drag image</p>

CSS

#draggable {
  cursor: move;
  padding: 10px;
  background: cyan;
  display: inline-block;
}

JavaScript

var draggable = document.getElementById('draggable');
var dragimage = document.getElementById('dragimage');

draggable.addEventListener('dragstart', function(e) {
  e.dataTransfer.setData('text/html', '');  // required by Firefox
  e.dataTransfer.setDragImage(dragimage, e.clientX, e.clientY);
});