diff --git a/frontend/src/contexts/socketio-context.js b/frontend/src/contexts/socketio-context.js
index 1ed70f5..ff1305f 100644
--- a/frontend/src/contexts/socketio-context.js
+++ b/frontend/src/contexts/socketio-context.js
@@ -8,7 +8,7 @@ export const WsContext = createContext({ undefined });
 
 export const WsProvider = (props) => {
   const { children } = props;
-  const [users, setUsers] = useState([])
+  const [users, setUsers] = useState(null)
   const auth = useAuth()
   const initialize = async () => {
     // Prevent from calling twice in development mode with React.StrictMode enable
@@ -19,7 +19,7 @@ export const WsProvider = (props) => {
 
         socket.on("users", (data) => {
             setUsers(data)
-            console.log("data received from users event: ", users)
+            console.log("data received from users event: ", data)
         })
 
         socket.emit("newuser",{
diff --git a/frontend/src/pages/chat.js b/frontend/src/pages/chat.js
index 96ad3d1..9ff78cb 100644
--- a/frontend/src/pages/chat.js
+++ b/frontend/src/pages/chat.js
@@ -119,7 +119,7 @@ const Page = () => {
         }
     }
 
-    return(ws.users.length > 1 ?
+    return(ws.users ?
         <Box
         component="main"
         sx={{