fix(deps): pin nanoid and switch from uuid everywhere

Author: OliverDudgeon

components/uploads/Dropzone.tsx

@@ -4,7 +4,7 @@ import type { DropzoneOptions, FileRejection } from "react-dropzone";
 import { useDropzone } from "react-dropzone";
 
 import { Divider, styled } from "@mui/material";
-import { v4 as uuidv4 } from "uuid";
+import { nanoid } from "nanoid";
 
 import { useFileExtensions } from "../../hooks/useFileExtensions";
 import { useMimeTypeLookup } from "../../hooks/useMimeTypeLookup";
@@ -42,15 +42,15 @@ export const Dropzone: FC<DropzoneProps> = ({
         mimeType: getMimeFromFileName(file.name, mimeLookup),
         errors: [],
         // Give files UUIDs to keep track
-        id: uuidv4(),
+        id: nanoid(),
         progress: 0,
         taskId: null,
         done: false,
       }));
       const mappedRejected = rejectedFiles.map((rejection) => ({
         ...rejection,
         mimeType: getMimeFromFileName(rejection.file.name, mimeLookup),
-        id: uuidv4(),
+        id: nanoid(),
         progress: 0,
         taskId: null,
         done: false,

package.json

@@ -65,7 +65,6 @@
     "@types/react": "18.0.28",
     "@types/react-plotly.js": "2.6.0",
     "@types/react-virtualized": "9.21.21",
-    "@types/uuid": "9.0.0",
     "axios": "1.3.3",
     "dayjs": "1.11.7",
     "filesize": "10.0.6",
@@ -81,7 +80,7 @@
     "ketcher-standalone": "2.7.2",
     "lodash-es": "4.17.21",
     "material-ui-popup-state": "4.1.0",
-    "nanoid": "^4.0.1",
+    "nanoid": "4.0.1",
     "next": "13.2.4",
     "next-http-proxy-middleware": "1.2.5",
     "nextjs-routes": "1.0.8",
@@ -99,7 +98,6 @@
     "tsafe": "1.4.3",
     "typescript": "4.9.5",
     "use-immer": "0.7.0",
-    "uuid": "9.0.0",
     "yup": "0.32.11"
   },
   "devDependencies": {