Dropup

import { useDropup } from '@samithahansaka/dropup';

function Uploader() {
  const { files, actions, getDropProps, getInputProps } = useDropup({
    accept: 'image/*',
    upload: { url: '/api/upload' },
  });

  return (
    <div {...getDropProps()}>
      <input {...getInputProps()} />
      <p>Drop files here</p>

      {files.map(file => (
        <div key={file.id}>
          {file.name} - {file.progress}%
        </div>
      ))}

      <button onClick={() => actions.upload()}>Upload</button>
    </div>
  );
}