websocket 连接重复初始化

src/views/AuthApp.jsx

@@ -20,14 +20,20 @@ function AuthApp() {
 
   const href = useHref()
 
+  const [connectWebsocket, fetchInitialData, disconnectWebsocket ] = useConversationStore((state) => [
+    state.connectWebsocket,
+    state.fetchInitialData,
+    state.disconnectWebsocket,
+  ]);
   useEffect(() => {
+    Notification.requestPermission();
     if (loginUser.userId > 0) {
-      useConversationStore.getState().connectWebsocket(loginUser.userId)
-      useConversationStore.getState().fetchInitialData(loginUser.userId) // userIdStr
+      connectWebsocket(loginUser.userId);
+      fetchInitialData(loginUser.userId); // userIdStr
     }
     return () => {
-      useConversationStore.getState().disconnectWebsocket();
-    }
+      disconnectWebsocket();
+    };
   }, [])
 
   useEffect(() => {
@@ -37,21 +43,6 @@ function AuthApp() {
     }
 	}, [href])
 
-  useEffect(() => {
-    if (loginUser.userId > 0) {
-      useConversationStore.getState().connectWebsocket(loginUser.userId)
-      useConversationStore.getState().fetchInitialData(loginUser.userId) // userIdStr
-    }
-    return () => {
-      useConversationStore.getState().disconnectWebsocket()
-    }
-  }, [])
-
-  useEffect(() => {
-    Notification.requestPermission()
-    return () => {}
-  }, [])
-
   const {
     token: { colorBgContainer },
   } = theme.useToken()