<Form> + File[] field is not mapped to FormData correctly

[OkayX6]

Hi,

Version: 4.3.0 but also 5.1.0

Symptom

When using the useRemixForm<>() naively

Using this schema:

const dataRequestSchema = z.object({
  // A pure HTML Input with multiple files would have type 'FileList'
  // But our usage of react-dropzone + react-hook-form controller sends an array of File
  files: z.array(z.instanceof(File)),
  comments: z.string().nullable(),
})

The files param is not mapped correctly like it should in the FormData (Chrome request window) - it is serialized as an array of strings:

--
I had to define a custom submitHandler

const form = useRemixForm<DataRequest>({
    resolver: zodResolver(dataRequestSchema),
    submitHandlers: {
      onValid: (data) => {
        const formData = new FormData()
        // Send a File[] called 'files'
        for (const file of data.files) {
          formData.append('files', file)
        }
       ...

Not sure if the fix is complex =)

[AlemTuzlak]

should work now with 5.1.1, please re-open if not the case