DragDrop

DragDrop.tsx

const DragDropComp = () => {
  const onDragStart = (e) => {
    const clone = e.target.cloneNode(true);
    e.dataTransfer.setDragImage(clone, 0, 0);
  };
  const onDragOver = (e) => {
    // if is droppable
    e.preventDefault();
  };

  const onDrop = () => {
    // do something
  };

  return <div>
    <div draggable={true} onDragStart={onDragStart}>Draggable</div>
    <div onDragOver={onDragOver} onDrop={onDrop}>Drop Here</div>
  </div>;
};