Passing uploaded files into dialog

uploadcare.js

// Button with onClick to open dialog

<p className='uploadcare-button' onClick={() => { this.openUploader() }}>
  Click to add images
</p>
  

// function to open dialog with desired settings

openUploader () {
  const { imageFiles } = this.props

  const files = imageFiles &&               // On the first upload 'flow' there are no images hence 'null' is passed in.
    imageFiles.map((file) => {
      return uploadcare.fileFrom('uploaded', file.cdnUrl)
    })

  uploadcare.openDialog(files || null, {
    publicKey: '98fd1017b4e0aed32708',
    imagesOnly: true,
    tabs: 'file camera facebook instagram',
    multiple: true
  }).done((fileGroup) => {
    const arrayOfFiles = fileGroup.files()
    return Promise.all(arrayOfFiles).then((imageFiles) => {
    
      this.props.updateImageFiles(imageFiles)    // update uploaded files... ready to be passed into the dialog when next opened with openUploader
    })
  })
}