Choosing the same file doesn't trigger onChange

This is only from initial testing, but wondering if anyone else can reproduce. Here is my scenario using similar markup as the readme:

1. Click “Select a file!” button and select house.jpg. This triggers onChange, everything is fine.
2. Click “Select a file!” button again and select house.jpg again. This does not trigger onChange. I would expect re-rendering would solve this issue but it doesn’t.

This is a really weird issue so again I’m just wondering if this is an actual problem with the component itself.

[eduardoturconi]

Another way to handle this is to set input value to ‘’. It could be done on the onChange event:

handleChange({target}) {
    const files = target.files
    target.value = ''
}

[nx-amzzz]

// handleChange is executing as usual
// handleClick basically empty the target.value i.e. event.target.value = ""
const handleClick = event => {
    const { target = {} } = event || {};
    target.value = "";
  };

<input type="file" onChange={handleChange} onClick={handleClick} />