JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo" draggable="true">
    Foo
</div>

CSS

#foo {
    background: #000;
    width: 80px;
    height: 80px;
    position: absolute;
    color: #fff;
    padding: 20px;
}

JavaScript

var element = document.getElementById("foo");
element.addEventListener("dragstart", handleDragStart, false);

function handleDragStart(e) {
    var blankImage = document.createElement("img");
    e.dataTransfer.setDragImage(blankImage, 0, 0);
    e.dataTransfer.effectAllowed = 'none';
}