JSFiddle - React, Tailwind, and code Playground

CSS

body {
    width: 200px;
    height: 200px;
}

JavaScript

var handleFileSelect = function(evt) {
  var f, files
  evt.stopPropagation()
  evt.preventDefault()
  files = evt.dataTransfer.files
  f = files[0]
  var reader = new FileReader();
  reader.onload = function(e) {
    return console.log(e.target.result);
  }
  return reader.readAsText(f);
}

var handleDragOver = function(evt) {
  evt.stopPropagation()
  evt.preventDefault()
  return evt.dataTransfer.dropEffect = "copy"
}

var dropZone = document.body
dropZone.addEventListener("dragover", handleDragOver, false)
dropZone.addEventListener("drop", handleFileSelect, false)