Last deleted item always comming back about dropzone-ui-react HOT 5 CLOSED

The project I'm working is from my company, then I can't provide the full code but some screenshots are allowed:

First picture is the variables that control states
Second one is the functions used to handle the dropzone and file Items
Third is the dropzone code
Fourty and fifthy is the FileItems list
Last one is the result

from dropzone-ui-react.

This is a video showing the problem

from dropzone-ui-react.

Hey there @LeninBoccardo !!!
Thanks for creating the issue.

Unfortunately we couldn't reproduce the behaviour you described. As you can see in the video above we used the complete example .

In order to help you, we kindly ask you to provide us a link to a git repo or a codesandbox (you can fork the "complete example") or even a screenshot of the code.
Thanks in advance.

from dropzone-ui-react.

Hi @LeninBoccardo !!
After checking your code in the screenshots and testing it (we rewrited it in a test project 👀 ).
We found that the error is located in the 2nd picture in the last line. Instead of:

  const getFiles = () => filesData.length && filesData.map((f) => f.file);

you should write:

  const getFiles = () =>  filesData.map((f) => f.file);

Since the value of the filesData.length is 0 when the user deletes all the files one by one, the function getFiles will not be executed correctly and will cause a bug.
Try changing that line and tell us if that worked for you.

Thanks in advance.

from dropzone-ui-react.

@JinSSJ3 , I can't believe such a tiny code was causing all trouble. It worked for me, thanks for your help.

from dropzone-ui-react.