JSFiddle - React, Tailwind, and code Playground

HTML

<div draggable="true" id="x">
    Some text.
</div>

JavaScript

var x = document.getElementById("x");
x.ondragstart = function(e) {    
    e.target.style.cursor="move";
}

x.ondragenter = function(e) {
    e.target.style.border = "solid";
    e.target.style.cursor="move";
}

x.ondragleave = function(e) {
    e.target.style.border = "none";
    e.target.style.cursor="move";
}