removed data fetching interval

backend/handlers/playerHandler.js

@@ -83,6 +83,7 @@ module.exports = (io, socket) => {
                 req.session.color = room.players[0].color;
                 req.session.save();
                 // Sending data to the user, after which player will be redirected to the game
+                socket.join(room._id);
                 socket.emit('player:data', JSON.stringify(req.session));
             });
         });
@@ -119,6 +120,7 @@ module.exports = (io, socket) => {
                 req.session.playerId = updatedRoom.players[updatedRoom.players.length - 1]._id;
                 req.session.color = colors[updatedRoom.players.length - 1];
                 req.session.save();
+                socket.join(room._id);
                 // Sending data to the user, after which player will be redirected to the game
                 socket.emit('player:data', JSON.stringify(req.session));
             });

src/components/Gameboard.jsx

@@ -29,12 +29,8 @@ const Gameboard = () => {
             alert('Yellow Won');
         }
     }, [pawns]);
-    // Fetching game data
-    const fetchData = useCallback(() => {
-        socket.emit('room:data');
-    }, []);
-
     useEffect(() => {
+        socket.emit('room:data', context.roomId);
         socket.on('room:data', data => {
             data = JSON.parse(data);
             //console.log(data);
@@ -58,10 +54,8 @@ const Gameboard = () => {
             setTime(data.nextMoveTime);
             setStarted(data.started);
         });
-        //sending ajax every 1 sec
-        const interval = setInterval(fetchData, 1000);
-        return () => clearInterval(interval);
-    }, [fetchData]);
+    }, []);
+
     // Callback to handle dice rolling between dice and map component
     const rolledNumberCallback = number => {
         setRolledNumber(number);