fix: SSE init problem (#2558)

* fix: SSE init problem Signed-off-by: licho <[email protected]> * fix: SSE init problem Signed-off-by: licho <[email protected]> --------- Signed-off-by: licho <[email protected]>
DataLinkDC · Nov 21, 2023 · f4c0537 · f4c0537
1 parent 3a38d20
commit f4c0537
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/dinky-web/package.json b/dinky-web/package.json
@@ -73,7 +73,8 @@
     "screenfull": "^6.0.2",
     "sql-formatter": "^13.1.0",
     "styled-components": "^6.1.1",
-    "use-sse": "^2.0.1"
+    "use-sse": "^2.0.1",
+    "uuid": "^9.0.1"
   },
   "devDependencies": {
     "@ant-design/pro-cli": "^3.0.1",

diff --git a/dinky-web/src/models/Sse.tsx b/dinky-web/src/models/Sse.tsx
@@ -20,6 +20,8 @@
 import { postAll } from '@/services/api';
 import { ErrorMessage } from '@/utils/messages';
 import { useEffect, useRef, useState } from 'react';
+import { v4 as uuidv4 } from 'uuid';
+
 
 export type SseData = {
   topic: string;
@@ -31,7 +33,7 @@ export type SubscriberData = {
 };
 
 export default () => {
-  const uuidRef = useRef<string>(crypto.randomUUID());
+  const uuidRef = useRef<string>(uuidv4());
   const subscriberRef = useRef<SubscriberData[]>([]);
   const [eventSource, setEventSource] = useState<EventSource>();