read content when drop file with drag events

readOnDrop.js

const readOnDrop = (element, onRead) => {
  element.addEventListener('dragover', ev => ev.preventDefault())
  element.addEventListener('drop', ev => {
    ev.preventDefault()
    const dt = ev.dataTransfer
    const file = dt.files[0]
    const reader = new FileReader()
    reader.onload = event => onRead(event.target.result)
    reader.readAsText(file)
  })
}

export default readOnDrop