Update react-dropzone

Author: dmt0

package.json

@@ -21,7 +21,7 @@
     "react-color": "^2.17.0",
     "react-colorscales": "0.7.3",
     "react-day-picker": "^7.3.0",
-    "react-dropzone": "^7.0.1",
+    "react-dropzone": "^9.0.0",
     "react-plotly.js": "^2.3.0",
     "react-rangeslider": "^2.2.0",
     "react-resizable-rotatable-draggable": "^0.2.0",

src/components/widgets/Dropzone.js

@@ -138,11 +138,15 @@ class Dropzone extends Component {
       <Drop
         accept={this.validFiletypes[this.props.fileType]}
         onDrop={this.onDrop}
-        className="dropzone-container"
         activeClassName="dropzone-container--active"
         rejectClassName="dropzone-container--rejected"
       >
-        <div className="dropzone-container__content">{this.state.content}</div>
+        {({getRootProps, getInputProps}) => (
+          <div {...getRootProps()} className="dropzone-container">
+            <input {...getInputProps()} />
+            <div className="dropzone-container__content">{this.state.content}</div>
+          </div>
+        )}
       </Drop>
     );
   }