update ChatContainer

@@ -11,7 +11,6 @@ import {
 import useInput from "../../Hooks/useInput";
 import useInput from "../../Hooks/useInput";
 import { toast } from "react-toastify";
 import { toast } from "react-toastify";
 
 
-
 export default withRouter(({ location }) => {
 export default withRouter(({ location }) => {
   const [messageArr, setMessageArr] = useState([]);
   const [messageArr, setMessageArr] = useState([]);
   const { pathname } = location;
   const { pathname } = location;
@@ -20,7 +19,7 @@ export default withRouter(({ location }) => {
 
 
   const message = useInput("");
   const message = useInput("");
 
 
-  let messageObj, roomNum, messageArray;
+  let messageObj, roomNum, messageArray; // messageArray 는 useQuery 로 얻은 데이터 인데 undefined 가 아닌 데이터
 
 
   const { data: getRoom } = useQuery(GET_ROOM_BY_NAME, {
   const { data: getRoom } = useQuery(GET_ROOM_BY_NAME, {
     variables: { roomName },
     variables: { roomName },
@@ -36,7 +35,7 @@ export default withRouter(({ location }) => {
     subscribeToMore,
     subscribeToMore,
     data: messageList,
     data: messageList,
     error: msgQueryError,
     error: msgQueryError,
-    loading: msgQueryyLoading,
+    loading: msgQueryLoading,
   } = useQuery(SEE_ALL_MESSAGE, {
   } = useQuery(SEE_ALL_MESSAGE, {
     variables: { roomId: roomNum },
     variables: { roomId: roomNum },
   });
   });
@@ -52,7 +51,7 @@ export default withRouter(({ location }) => {
     if (messageArr) {
     if (messageArr) {
       setMessageArr(messageArr.seeAllMessage, [msgQueryError, messageArr]);
       setMessageArr(messageArr.seeAllMessage, [msgQueryError, messageArr]);
     }
     }
-  }, [msgQueryyLoading]);
+  }, [msgQueryLoading]);
 
 
   const subscribeToNewMessage = () => {
   const subscribeToNewMessage = () => {
     subscribeToMore({
     subscribeToMore({