File Input: "Input not instance of File" when trying to submit the form

[phillipmohr]

I'm using Vue (should not matter here) and have this file input

// File only exists in client
const fileSchema = () => (typeof File !== 'undefined' ? z.instanceof(File) : z.any());

const formSchema = z.object({
    avatar: fileSchema(),
})

<AutoForm
            :schema="formSchema"
            :field-config="{
                avatar: {
                    label: 'Avatar',
                    component: 'file',
                }
            }"
            @submit="handleSubmit"
/>

When trying to submit the form with an image attached I'm getting File Input: "Input not instance of File"

Anyone else experiencing the same issue?

I also tried using z.string() but this returns Base64 data – I need a File type.