patch React compilation warnings and useEffect dependencies

packages/play-node-go/src/App.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useReducer} from 'react';
+import React, { useEffect, useReducer } from 'react';
 import { Switch, Route, BrowserRouter as Router } from 'react-router-dom';
 import MainWrapper from './pages/Layout/MainWrapper/MainWrapper';
 import { stateReducer } from './reducers/reducer';
@@ -14,7 +14,6 @@ function App() {
     initState
   );
   
-  
   useEffect(() => {
     const fetchIndexAPI = async () => {
       const response = await indexServices.indexService();
@@ -28,7 +27,7 @@ function App() {
       }
     }
     fetchIndexAPI();
-  }, [])
+  }, [ ])
 
   
   useEffect(() => {

packages/play-node-go/src/pages/Game/Game.js

@@ -24,7 +24,7 @@ const Game = (props) => {
       }
     }
     fetchGameAPI();
-  }, [ gameId ])
+  }, [ gameId, dispatch ])
 
   
   useEffect(() => {
@@ -39,7 +39,7 @@ const Game = (props) => {
       return dispatch(action);
     }
     roomSocketConnect();
-  }, [ state.active ] )
+  }, [ state.active , dispatch, state.user ] )
 
   return (  
     <div 

packages/play-node-go/src/pages/Home/Home.js

@@ -37,7 +37,7 @@ const Home = props => {
       }
     }
     fetchRoomsAPI();
-  }, [])
+  }, [ dispatch ])
 
   return (  
     <div className="Home" data-testid="Home">

packages/play-node-go/src/pages/Room/Room.js

@@ -1,8 +1,6 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect } from 'react';
 import { useParams } from 'react-router-dom';
 import './Room.scss';
-import socketIOClient from 'socket.io-client';
-import config from '../../config';
 import roomsServices from '../../services/api/roomsServices';
 import GameButton from '../../components/Button/Game/Game';
 import Message from '../../components/Display/Message/Message';
@@ -29,7 +27,7 @@ const Room = (props) => {
       }
     }
     fetchRoomAPI();
-  }, [ roomId ])
+  }, [ roomId, dispatch ])
 
   useEffect(() => {
     const roomSocketConnect = () => {
@@ -41,7 +39,7 @@ const Room = (props) => {
       dispatch(action)
     }
     roomSocketConnect();
-  }, [ roomId, state.user ])
+  }, [ roomId, state.user, dispatch ])
 
   const renderGames = () => {
     const games = state.games || [];

packages/play-node-go/src/reducers/init/reducer.init.js

@@ -1,7 +1,6 @@
 //@ flow
 
 import type { state } from '../reducer';
-const socket = require('../../io');
 
 export const initState = (): state => {
   return {