JSFiddle - React, Tailwind, and code Playground

HTML

<div id="output"></div>

CSS

#output{
 height:100px;width:200px;border:1px solid #000;
}

JavaScript

$(document).ready(function(){
    $("#output").bind("dragenter",function(e){
       e.stopPropagation();
        e.preventDefault();
    }).bind("dragover",function(e){
       e.stopPropagation();
       e.preventDefault(); 
    }).bind("drop",function(e){
       e.stopPropagation();e.preventDefault();
       var file=e.originalEvent.dataTransfer.files[0]
    });
});