useFileUpload.js

import { useState, useEffect } from 'react';

export const useFileUpload = () => {
  const [files, setFilesState] = useState([])
  
  const setFiles = e => {
    let filesArr = []
    
    if (e.currentTarget?.files) {
      filesArr = Array.from(e.currentTarget.files);
    } else if (e?.dataTransfer.files) {
      filesArr = Array.from(e.dataTransfer.files);
    }
    
    setFilesState(filesArr)
  }
  
  return {
    files,
    setFiles
  }
};