Browser File api for nextjs

[QzCurious]

Hi, I'm facing an issue that I can't initialize zodios endpoint if I use zod validation for File (z.instanceof(File)).

If anyone know how to overcome this? (with following constraint)

• Should support SSR
• formdata-node is not applicable because the type definition is not comply to browser File
  

[ecyrbe]

I don't think this will work. So maybe use FormData directly like in the example here :
https://www.zodios.org/docs/client#send-multipartform-data-requests
Since FormData is compatible and available in Node 18.
It's been a long time since i did not test this. So maybe you'll also encounter issues with SSR

[QzCurious]

I didn't like the fact that FormData could not be typed with its fields. And I came up with cleaner solution below (in my opinion). Hope you find it useful as well.

[QzCurious]

I've found my problem also asked on a zod issue. Instead of z.instanceof(File) which would not be valid on server side, @zanzlender has a great way to validate the input (the check might only be valid on client side).

I'm making it more type safe with

z.any() as ZodType<File>

And I'm satisfied with it.

UPDATE!!
zod recently document the feature for custom schema. (seem like this method already being there for a while)

z.custom<File>()