I'm getting a typerror with Filereader() in Angular 17

all I'm getting this typerror, and I can't figure it out. I've searched Google, but I can't seem to find an answer.

TypeError: Argument 1 ('blob') to FileReader.readAsDataURL must be an instance of Blob
​

here is my component method:

onFilePick(event: Event) {
const file = (event.target as HTMLInputElement).files;
//console.log(file);
// console.log(this.form);
this.form.patchValue({ Image: file });
this.form.get('image')?.updateValueAndValidity();
const reader: any = new FileReader();
reader.onload = () => {
this.imagePreview = reader.result;
};
return reader.readAsDataURL(file);
}

Continue reading...