Use uuid library instead of self.crypto.randomUUID() to prevent crash…

… in non-secure context (#107)
StreetLamb · Aug 7, 2024 · 376fd99 · 376fd99
1 parent fc71c02
commit 376fd99
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 1 deletion.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -29,6 +29,7 @@
     "react-markdown": "^9.0.1",
     "react-query": "3.39.3",
     "reactflow": "^11.11.1",
+    "uuid": "^10.0.0",
     "zustand": "4.5.0"
   },
   "devDependencies": {
@@ -38,6 +39,7 @@
     "@types/node": "20.10.5",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
+    "@types/uuid": "^10.0.0",
     "@vitejs/plugin-react-swc": "^3.5.0",
     "openapi-typescript-codegen": "0.25.0",
     "typescript": "^5.2.2",

diff --git a/frontend/src/components/Teams/ChatTeam.tsx b/frontend/src/components/Teams/ChatTeam.tsx
@@ -49,6 +49,7 @@ import { IoCreateOutline } from "react-icons/io5"
 import { FaCheck, FaTimes } from "react-icons/fa"
 import { fetchEventSource } from "@microsoft/fetch-event-source"
 import { FiCopy } from "react-icons/fi"
+import { v4 } from "uuid"
 
 // possible message types: "ai" | "human" | "tool" | "error" | "interrupt"
 
@@ -366,7 +367,7 @@ const ChatTeam = () => {
       ...prev,
       {
         type: "human",
-        id: self.crypto.randomUUID(),
+        id: v4(),
         content: data.messages[0].content,
         name: "user",
       },