title: Load initial files to material ui dropzone
body: <p>I'm trying to load initial images to the material ui dropzone. I have images in base64 format and I want to load them to the dropzone as the initialFiles.</p>
  
  <p>I have tried to implement this as per the following url using the intialFiles option. But still no luck and don't get any errors as well.
  <a href="https://react-dropzone-uploader.js.org/docs/examples#initial-file-from-data-url" rel="noreferrer">https://react-dropzone-uploader.js.org/docs/examples#initial-file-from-data-url</a></p>
  
  <pre class="lang-js prettyprint-override"><code>const url = 'data:image/png;base64,.....';
  
  fetch(url)
    .then(res =&gt; res.blob())
    .then(blob =&gt; {
      const file = new File([blob], "File name");
      this.setState({
        photo: file
      })
    });
  </code></pre>
  
  <p>My Dropzone</p>
  
  <pre><code>html
  &lt;DropzoneArea
      style={{height: '30px'}}
      maxFileSize={5000000}
      filesLimit={3}
      disabled = {this.state.fromSnaps}
      onChange={this.handlePhotoChange}
      dropzoneText={"Drag and drop the profile image here or click"}
      acceptedFiles={['image/jpeg', 'image/png', 'image/bmp']}
      dropzoneClass={classes.dropZoneCustomClass}
      initialFiles={[this.state.photo]}
  /&gt;
  
  </code></pre>
  
  <p>Appreciate any input to resolve this.</p>
  
  <p>Thanks</p>