Bug - 웹소켓 stockId를 넘기지 못하는 문제 (#225)

boostcampwm-2024 · Nov 21, 2024 · a1712f0 · a1712f0
2 parents 07b1a4c + 9d292df
commit a1712f0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 10 deletions.
diff --git a/packages/frontend/src/pages/stock-detail/ChatPanel.tsx b/packages/frontend/src/pages/stock-detail/ChatPanel.tsx
@@ -24,9 +24,7 @@ export const ChatPanel = () => {
 
   useEffect(() => {
     const handleChat = (message: ChatDataResponse) => {
-      console.log('Received message:', message);
       if (message?.chats) {
-        console.log('Chats:', message.chats);
         setChatData(message.chats);
       }
     };
@@ -38,7 +36,7 @@ export const ChatPanel = () => {
         socketChat.off('chat', handleChat);
       };
     }
-  }, [socketChat, isConnected]);
+  }, []);
 
   return (
     <article className="flex flex-col gap-5 rounded-md bg-white p-7">

diff --git a/packages/frontend/src/sockets/config.ts b/packages/frontend/src/sockets/config.ts
@@ -8,14 +8,13 @@ export interface SocketChatType {
 }
 
 export const socketChat = ({ stockId, pageSize = 20 }: SocketChatType) => {
-  return io(`${URL}/api/chat/realtime`, {
-    transports: ['websocket'],
-    reconnectionDelayMax: 10000,
-    query: {
-      stockId,
-      pageSize,
+  return io(
+    `${URL}/api/chat/realtime?stockId=${stockId}&pageSize=${pageSize}`,
+    {
+      transports: ['websocket'],
+      reconnectionDelayMax: 10000,
     },
-  });
+  );
 };
 
 export const socketStock = io(`${URL}/api/stock/realtime`, {