add empty array in useEffect

@@ -156,7 +156,7 @@ export default ({
 }) => {
 }) => {
   const { pathname } = location;
   const { pathname } = location;
   const roomName = pathname.slice(1, pathname.length);
   const roomName = pathname.slice(1, pathname.length);
-  useEffect(() => subscribeToNewMessage());
+  useEffect(() => subscribeToNewMessage(), []);
 
 
   return (
   return (
     <Wrapper>
     <Wrapper>
@@ -176,10 +176,9 @@ export default ({
         </ChatMenuContainer>
         </ChatMenuContainer>
         <ChatScreenContainer>
         <ChatScreenContainer>
           <ChatScreenHeader>
           <ChatScreenHeader>
-            <Title>Selected Menu Title</Title>
+            <Title>{roomName}</Title>
           </ChatScreenHeader>
           </ChatScreenHeader>
           <ChatScreenBox>
           <ChatScreenBox>
-            <ul>
             {messageArray &&
             {messageArray &&
               messageArray.seeAllMessage.map((e) => (
               messageArray.seeAllMessage.map((e) => (
                 <Message
                 <Message
@@ -189,7 +188,6 @@ export default ({
                   avatar={e.sender.avatarUrl}
                   avatar={e.sender.avatarUrl}
                 />
                 />
               ))}
               ))}
-            </ul>
             <InputContainer className="InputContainer">
             <InputContainer className="InputContainer">
               <form onSubmit={onSubmit}>
               <form onSubmit={onSubmit}>
                 <Input
                 <Input