diff --git a/package.json b/package.json index 2ce9ff46..b5d33a08 100644 --- a/package.json +++ b/package.json @@ -35,7 +35,7 @@ "react-app-rewired": "^2.2.1", "react-csv-reader": "^3.4.0", "react-dom": "^17.0.2", - "react-dropzone": "^12.0.4", + "react-dropzone": "^13.0.0", "react-scripts": "^4.0.3", "react-svg": "^14.1.17", "react-virtualized-auto-sizer": "^1.0.6", diff --git a/src/components/CSVUpload.tsx b/src/components/CSVUpload.tsx index 9af60502..942e20c4 100644 --- a/src/components/CSVUpload.tsx +++ b/src/components/CSVUpload.tsx @@ -28,7 +28,9 @@ export const CSVUpload = (props: CSVUploadProps): JSX.Element => { const { getRootProps, getInputProps, isDragActive, isDragAccept, isDragReject } = useDropzone({ maxFiles: 1, onDrop, - accept: "text/csv", + accept: { + text: [".csv"], + }, }); const style = useMemo( diff --git a/yarn.lock b/yarn.lock index 5c6a9383..510e8c25 100644 --- a/yarn.lock +++ b/yarn.lock @@ -10425,10 +10425,10 @@ react-dom@^17.0.2: object-assign "^4.1.1" scheduler "^0.20.2" -react-dropzone@^12.0.4: - version "12.1.0" - resolved "https://registry.yarnpkg.com/react-dropzone/-/react-dropzone-12.1.0.tgz#e097b37e9da6f9e324efc757b7434ebc6f3dc2cb" - integrity sha512-iBYHA1rbopIvtzokEX4QubO6qk5IF/x3BtKGu74rF2JkQDXnwC4uO/lHKpaw4PJIV6iIAYOlwLv2FpiGyqHNog== +react-dropzone@^13.0.0: + version "13.0.0" + resolved "https://registry.yarnpkg.com/react-dropzone/-/react-dropzone-13.0.0.tgz#b29c331a1a7e9d21ac4d5666e7b763917f5f4b85" + integrity sha512-BwzHZlmwC2wFKtGbuWw6A+D+uUaJgUGuheALoVFwTNztwV+7NLzdUrHHUkF9mRkI9u5pJDivH3wo+BgSyYVoTQ== dependencies: attr-accept "^2.2.2" file-selector "^0.5.0"