Getting NotReadableError: The requested file could not be read, typically due to permission problems that have occurred after a reference to a file was acquire

[AsuraKev]

Hi guys, I am using react hook form to capture file upload input like below. Problem is that initially when the file is uploaded its fine, then user modifies the content of the file on their local and click submit again. The unexpected error was thrown and i have no idea which part of react hook form throw this error. looks like its throwing error at createFormControl.ts. Does anyone have similar issue?

thanks!

NotReadableError: The requested file could not be read, typically due to permission problems that have occurred after a reference to a file was acquired

<input
{...register('file')}
name="file"
type="file"
accept=".csv"
multiple={false}
onChange={(e)=> {console.log(123)}}
onClick={() => {
setValue('file', null, { shouldDirty: true });
}}
/>