Cannot remove last file using the useControl hook

[hunterbecton]

I'm building a dropzone component, and you can find a minimal example here: https://stackblitz.com/edit/stackblitz-starters-wzblhy3p?file=app%2Fpage.tsx

My goal is to use the component with the useControl hook, and everything seems to work as intended until I try to remove the last file.

To reproduce:

• Adds two image files
• Remove one file
• Remove the last file

Does anyone know why this is happening?

[edmundhung]

Thanks for the repo. I find the issue and I will put up a fix later today.

A quick workaround before the fix is landed:

<FileUpload
  accept="image/*"
  maxFiles={5}
  multiple
  onValueChange={(newFiles) => {
    // @ts-expect-error control.change should accept null
    control.change(newFiles.length > 0 ? newFiles : null);
  }}
  value={control.files}
/>

[edmundhung]

This should be fixed in v1.8.1. You can continue passing an array to control.change() now:

<FileUpload
  accept="image/*"
  maxFiles={5}
  multiple
  onValueChange={(newFiles) => control.change(newFiles)}
  value={control.files}
/>