How to get file data from controlled file input (Flowbite FileInput component)?

[idc77]

type PostCreateFormValues = {
    file: string,
}
    const {control, handleSubmit, watch, formState: {errors}} = useForm<PostCreateFormValues>({
        defaultValues: {
            file: '',
        }
    })
    const onSubmit: SubmitHandler<PostCreateFormValues> = data => {
        console.log(data)
        console.log(data.file, typeof data.file)
    }
  //...
 return (
<form onSubmit={handleSubmit(onSubmit)}>
                <Label htmlFor="file">Image</Label>
                <Controller
                    name="file"
                    control={control}
                    render={({field}) => (
                        <FileInput
                            id="file"
                            helperText="PNG,JPG,GIF"
                            {...field}
                        ></FileInput>
                    )}
                >
                </Controller>
<Button>submit</Button>
)

All I'm getting is

file: "C:\\fakepath\\IMG_20160814_205315.jpg" string

How do I get the data?
Why is there this C:\\fakepath\\ ? I'm on Linux

[idc77]

It's more complicated. I'll close this.