Paste files from your clipboard with react-dropzone

react-dropzone-paste.tsx

import { useRef, type ClipboardEvent } from "react";
import { useDropzone } from "react-dropzone";

function Dropzone() {
  const inputRef = useRef<HTMLInputElement>(null)
  const {
   getRootProps,
   getInputProps,
 } = useDropzone({...});
 
 async function handlePaste(event: ClipboardEvent<HTMLInputElement>) {
     const files = event.clipboardData?.files;
 
     if (inputRef.current && files.length) {
       inputRef.current.files = files;
       inputRef.current.dispatchEvent(new Event("change", { bubbles: true }));
     }
  }  
  
  return (
   <div {...dropzoneRootProps} onPaste={handlePaste}>
     <input {...getInputProps()} ref={inputRef} />
   </div>
 );
}