title: FineUploader not working after first upload
body: <p>I've implemented FineUploader in my React app to upload files to my Azure Blob Storage and it's working fine except for one issue.</p>
  
  <p>After uploading a file successfully, if I try uploading another one, FineUploader is not allowing me to select a new file. Clicking the select button opens up the dialog box to let me select a file but clicking the file to select it simply does nothing. I don't see any errors either.</p>
  
  <p>Any idea what could be causing this issue?</p>
  
  <p>Here's my implementation of FineUploader in my app:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { connect } from 'react-redux';
  import { bindActionCreators } from 'redux';
  import FineUploaderAzure from 'fine-uploader-wrappers/azure'
  
  // Components
  import Gallery from './gallery/index';
  
  // Actions
  import * as fileActions from '../../../../actions/file-actions';
  
  // Instanciate FineUploader
  const uploader = new FineUploaderAzure({
      options: {
          cors: {
              expected: true,
              sendCredentials: false
          },
          signature: {
              endpoint: 'https://api.myapp.com/files/get/sas'
          },
          request: {
              endpoint: 'https://myaccount.blob.core.windows.net/my-container'
          },
          validation: {
              itemLimit: 1
          }
      }
  })
  
  class FileUploader extends Component {
  
      constructor(props) {
  
          super(props);
          this.saveFileInfo = this.saveFileInfo.bind(this);
      }
  
      componentDidMount() {
  
          uploader.on('complete', (id, name, responseJSON, xhr) =&gt; {
  
              const originalName = uploader.methods.getName(id);
              const blobName = uploader.methods.getBlobName(id);
              const fileSize = uploader.methods.getSize(id);
  
              this.saveFileInfo(originalName, blobName, fileSize);
          })
      }
  
      saveFileInfo(fileName, blobName, fileSize) {
  
          // Gather necessary information
          const accountId = this.props.accountId;
          const id = this.props.id;
          const folderId = this.props.activeFolder.id;
          const files = [
              {
                  fileName: blobName,
                  displayName: fileName,
                  fileSize: fileSize
              }
          ];
  
          // Call backend API to save file info in database
          this.props.actions.createFileRecords(accountId, bizObject, id, privilegeLevel, folderId, files);
  
          // Close modal
          const modalId = this.props.modalId;
          return this.props.handleClose(modalId, false);
      }
  
      render() {
  
          return (
              &lt;div style={{ position: 'fixed', zIndex: 250000990 }}&gt;
                  &lt;div className="modal-wrapper"&gt;
                      &lt;div className="height-100 width-100" style={{ background: 'transparent', position: 'absolute', left: '0', top: '0' }}&gt;&lt;/div&gt;
                      &lt;div className="modal-window vertical-center"&gt;
                          &lt;div className="modal-controls padding-right-20 padding-top-10" style={{ height: '50px', position: 'absolute', right: '0', top: '0', lineHeight: '40px', borderColor: 'transparent !important' }}&gt;
                              &lt;a className="modal-control mc-help"&gt;&lt;/a&gt;
                              &lt;a className="modal-control mc-close" onClick={e =&gt; this.props.handleClose(this.props.modalId, false)}&gt;&lt;/a&gt;
                          &lt;/div&gt;
                          &lt;div className="width-100 height-100 border-radius border-black-w1-1" style={{ overflow: 'hidden', background: 'black !important', borderColor: 'black' }}&gt;
                              &lt;Gallery uploader={uploader} onComplete={this.handleFileUpload} /&gt;
                          &lt;/div&gt;
                          &lt;div style={{ position: 'absolute', bottom: '17px', left: '17px' }}&gt;
  
                              {/* Privilege Level Selector */}
                              {this.renderPrivilegeLevels()}
                              &lt;span className="app-btn app-btn-lg margin-left-20"&gt;Uploading into Folder: &lt;strong&gt;{this.props.activeFolder.name}&lt;/strong&gt;&lt;/span&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          )
      }
  }
  
  function mapStateToProps(state, ownProps) {
  
      return {
          modalId: ownProps.modalId,
          accountId: ownProps.accountId,
          id: ownProps.id,
          folders: ownProps.folders,
          activeFolder: ownProps.activeFolder,
          fileUpload: state.files.fileUpload,
          errors: state.files.errors,
          handleClose: ownProps.handleClose
      }
  }
  
  function mapDispatchToProps(dispatch, ownProps) {
  
      return {
          actions: bindActionCreators(fileActions, dispatch)
      };
  }
  
  export default connect(mapStateToProps, mapDispatchToProps)(FileUploader)
  </code></pre>