useUpload – Simple upload hook for React applications

useUpload.js

import { useState } from 'react'

export default function useUpload () {
  const [file, setFile] = useState('')
  const [fileName, setFileName] = useState('')

  const onChangeHandler = e => {
    setFile(e.target.files[0])
    setFileName(e.target.files[0].name)
  }

  return { file, fileName, onChangeHandler }
}