ngx-dropzone-wrapper | Angular wrapper library for Dropzone | File Upload library

These are my versions of node, npm and angular installed in my system:

but the issue is not resolved i have even tried changing the angular versions 7.0.5 to 7.0.7 in project. and in the system i have installed angular latest and tried but same issue, below is the issue i am getting

i'm new with angular and trying to upgrade from 9.0.0 to 9.1.11 to upgrade my typescript from 3.7.5 to 3.8 to use countries-map plugin in my app.

When I run the command ng update @angular/cli@9.1 @angular/core@9.1 i got

I'm using Dropzone with Angular through ngx-dropzone-wrapper.

I'm not using upload directly from Dropzone, I just let it collect the files and then I process them in my code.

I need to limit file count to 1. So I set config.maxFiles = 1. Indeed, now file open dialog allows to select single file only. But the problem is that Dropzone does not replace previous file! Instead, it adds the new file to its files collection with accepted=false (most probably, because maxFiles was reached) flag. That's not what I expected. I need config.maxFiles = 1 to remove the old file and add the new and accept it.

So, I should call removeAllFiles(true) to support my requirements. But I can't find any event handlers that are triggered right after user has chosen a file and before Dropzone attempts to process it.

So, how do I implement the following requirement:

• the user can select only one file at a time
• if the user made a mistake and wants to select another file, the new file should replace the previously selected one

?