handleUpdateRoomUser 프로토콜에 맞게 수정

@@ -20,7 +20,9 @@ export const RoomInfo: React.FC = () => {
     users: []
   });
 
-  const handleUpdateRoomUser = useCallback((data: UpdateRoomUser) => {
+  const handleUpdateRoomUser = useCallback((rawMessage: RawMessage) => {
+    if (rawMessage.type == MessageType.ROOM_USER_UPDATE) {
+      const data = rawMessage.message as UpdateRoomUser;
       if (data.state == 'added') {
         setRoomData({
           ...roomData,
@@ -39,14 +41,15 @@ export const RoomInfo: React.FC = () => {
           users: newUsers
         });
       }
+    }
   }, []);
 
   useEffect(() => {
     setRoomData(location.state.roomData);
-    socket.on(MessageType.ROOM_USER_UPDATE, handleUpdateRoomUser);
+    socket.on('msg', handleUpdateRoomUser);
 
     return () => {
-      socket.off(MessageType.ROOM_USER_UPDATE, handleUpdateRoomUser);
+      socket.off('msg', handleUpdateRoomUser);
       
       const rawMessage: RawMessage = {
         type: MessageType.ROOM_LEAVE,