Ready for deploy

src/App.js

@@ -1,6 +1,6 @@
 /*eslint-disable*/
-import React, {useState, useEffect} from "react";
-import io from 'socket.io-client';
+import React, { useState, useEffect } from "react";
+import io from "socket.io-client";
 import { Router } from "react-router-dom";
 import { Helmet } from "react-helmet-async";
 import i18next from "i18next";
@@ -13,11 +13,21 @@ import { ToastContainer } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 
 const URL = "https://trampa-api-test.dilig.net";
-const socket2 = io(URL, {autoConnect: true});
-const socket = io(URL, {autoConnect: true, transports: ["websocket"]});
+const socket2 = io("https://trampa-api-test.dilig.net", { autoConnect: true, reconnectionAttempts: 5 });
+const socket = io("https://trampa-api-test.dilig.net", {
+  autoConnect: true,
+  transports: ["websocket"],
+  reconnectionAttempts: 5,
+});
+const socket4 = io("https://trampa-api-test.dilig.net", { autoConnect: true, reconnectionAttempts: 5 });
+const socket3 = io("https://trampa-api-test.dilig.net", {
+  autoConnect: true,
+  transports: ["websocket"],
+  reconnectionAttempts: 5,
+});
 const App = () => {
   console.log(socket);
-  console.log(socket2)
+  console.log(socket2);
 
   const [isConnected, setIsConnected] = useState(socket.connected);
   const [lastPong, setLastPong] = useState(null);
@@ -32,6 +42,19 @@ const App = () => {
       console.log("client: ", client);
       setIsConnected(true);
     });
+    socket2.on("connect", (client) => {
+      console.log("client: ", client);
+      setIsConnected(true);
+    });
+    socket3.on("connect", (client) => {
+      console.log("client: ", client);
+      setIsConnected(true);
+    });
+    socket4.on("connect", (client) => {
+      console.log("client: ", client);
+      setIsConnected(true);
+    });
+    
     socket.on("session", ({ sessionID, userID }) => {
       localStorage.setItem("sessionID", sessionID);
       localStorage.setItem("userID", userID);
@@ -82,6 +105,7 @@ const App = () => {
       socket.off("connect");
       socket.off("disconnect");
       socket.off("pong");
+      socket.off("reconnection_attempt")
     };
   }, []);
   const handleClick = () => {
@@ -101,7 +125,6 @@ const App = () => {
     // socket.disconnect();
     socket.disconnect();
   };
-  console.log(socket);
   return (
     <Router history={history}>
       <Helmet>