FileUpload: must select file 2 times in File Upload dialog before the file can be added in the list #4968
Description
Describe the bug
I use primereact FileUpload function in my TypeScript react to enable file upload feature.
This is my code for FileUpload.
<div className="card">
<FileUpload
name="demo[]"
mode="advanced"
customUpload={true}
multiple accept="image/*"
maxFileSize={10000000}
uploadHandler={onUpload}
/>
When the page appear and i trigger the Upload Documents button, the panel for File Upload appear on the left side of the page. When i click 'Choose Files' button, the dialog to select file appear, when 1st time choose the file from the dialog, the dialog will display 2nd on the file list and when i choose file again this time is working.
This problem not happen in firefox, but it happened in chrome and edge.
Can you help me on this.
Pic_1 : show the 1st time the dialog for file selection appear after click 'Choose Files' button . and after select the particular file the dialog will re-appear
Pic_2: show the 2nd time select the file from dialog, and this time work and the selected file shown in the list of fileupload
Reproducer
No response
PrimeReact version
9.6.2
React version
17.x
Language
TypeScript
Build / Runtime
Vite
Browser(s)
Firefox 117.0.1, Chrome 116.0.5845.188, Edge 117.0.2045.41
Steps to reproduce the behavior
No response
Expected behavior
expect only select the file 1 time from dialog and it will be added into the list of fileupload