options.clear() NOT works in FileUpload

[godomainz]

I'm submitting a ... (check one with "x")

[x] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://forum.primefaces.org/viewforum.php?f=57

Current behavior

I have my FileUpload like below

<FileUpload
                            mode="basic"
                            name="baptism_certificate"
                            accept="image/*"
                            customUpload
                            uploadHandler={onBaptismCertificateUploadAuto}
                            chooseLabel="Browse"
                            maxFileSize={1000000}
                          />

This is my onBaptismCertificateUploadAuto method

const onBaptismCertificateUploadAuto = ({ files, options }) => {
    const [file] = files;
    dispatch(uploadParishionerBaptismCertificate(parishioner.id, file));
    options.clear()
  };

After image uploads. I can see File name on the button disappears but then I get an error like this

TypeError: Cannot set property 'value' of null
FileUpload.clearInputElement
I:/ReactJS Projects/church/frontend/node_modules/primereact/components/fileupload/FileUpload.js:167
  164 | }, {
  165 |   key: "clearInputElement",
  166 |   value: function clearInputElement() {
> 167 |     this.fileInput.value = '';
      | ^  168 |   }
  169 | }, {
  170 |   key: "clearIEInput",
View compiled
FileUpload.clear
I:/ReactJS Projects/church/frontend/node_modules/primereact/components/fileupload/FileUpload.js:411
  408 |       this.props.onClear();
  409 |     }
  410 | 
> 411 |     this.clearInputElement();
      | ^  412 |   }
  413 | }, {
  414 |   key: "choose",

Please tell us about your environment:
OS: Windows 10 Pro
Primereact : 6.3.2
React: 17.0.1

• Browser: [ Chrome 90.0.4430.93 (Official Build) (64-bit]

• Language: [TypeScript 4.1.3]

[mertsincan]

So sorry for this mistake :/
Thanks a lot for your report! Fixed for 6.4.0.

For now, please try;

...
import { FileUpload } from 'primereact/fileupload';

function App() {
  // your codes
}

/* Fixed for 6.4.0 */
FileUpload.prototype.clearInputElement = function() {
  if (this.fileInput) {
      this.fileInput.value = '';
  }
}

export default App;

Best Regards,

[godomainz]

So sorry for this mistake :/
Thanks a lot for your report! Fixed for 6.4.0.

For now, please try;

...
import { FileUpload } from 'primereact/fileupload';

function App() {
  // your codes
}

/* Fixed for 6.4.0 */
FileUpload.prototype.clearInputElement = function() {
  if (this.fileInput) {
      this.fileInput.value = '';
  }
}

export default App;

Best Regards,

@mertsincan
How can I get 6.4.0 ?
I'm getting npm ERR! notarget No matching version found for primereact@^6.4.0