Update dependency react-dropzone to v12 (#45089)

* Update dependency react-dropzone to v12

* Don't use FS Access api

* kick drone

Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Zoltán Bedi <zoltan.bedi@gmail.com>
Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>

packages/grafana-ui/package.json

@@ -72,7 +72,7 @@
     "react-colorful": "5.5.1",
     "react-custom-scrollbars-2": "4.4.0",
     "react-dom": "17.0.2",
-    "react-dropzone": "11.5.1",
+    "react-dropzone": "12.0.4",
     "react-highlight-words": "0.17.0",
     "react-hook-form": "7.5.3",
     "react-inlinesvg": "2.3.0",

packages/grafana-ui/src/components/FileDropzone/FileDropzone.tsx

@@ -18,6 +18,7 @@ export interface FileDropzoneProps {
    *  maxSize: Infinity,
    *  minSize: 0,
    *  multiple: true,
+   *  useFsAccessApi: false,
    *  maxFiles: 0,
    * }
    */
@@ -135,7 +136,7 @@ export function FileDropzone({ options, children, readAs, onLoad, fileListRender
     setFiles(newFiles);
   };
 
-  const { getRootProps, getInputProps, isDragActive } = useDropzone({ ...options, onDrop });
+  const { getRootProps, getInputProps, isDragActive } = useDropzone({ ...options, useFsAccessApi: false, onDrop });
   const theme = useTheme2();
   const styles = getStyles(theme, isDragActive);
   const fileList = files.map((file) => {