Upgrade react-dropzone and review usage breaking changes

1 files changed, 7 insertions, 5 deletions

diff --git a/src/components/ui/ImageUpload.js b/src/components/ui/ImageUpload.js
index 83a05554b..636d4fae3 100644
--- a/src/components/ui/ImageUpload.js
+++ b/src/components/ui/ImageUpload.js
@@ -89,14 +89,16 @@ export default @observer class ImageUpload extends Component {
             <Dropzone
               ref={(node) => { this.dropzoneRef = node; }}
               onDrop={this.onDrop.bind(this)}
-              className={cssClasses}
               multiple={multiple}
               accept="image/jpeg, image/png"
             >
-              <i className="mdi mdi-file-image" />
-              <p>
-                {textUpload}
-              </p>
+              {({ getRootProps, getInputProps }) => (
+                <div {...getRootProps()} className={cssClasses}>
+                  <i className="mdi mdi-file-image" />
+                  <p>{textUpload}</p>
+                  <input {...getInputProps()} />
+                </div>
+              )}
             </Dropzone>
           )}
         </div>