JSFiddle - React, Tailwind, and code Playground

JavaScript

var socket = connectToServer();
var changedWifi = false;
function connectToServer(){
     var socket = io.connect('https://website.com:8080', {
        'reconnection delay': 500, 
        'reconnection limit': Infinity, 
        'max reconnection attempts': Infinity 
     });
     return socket;
 }

 socket.on('disconnect', function(){
     socket.socket.connect();
 });


window.addEventListener('load', function() {
  function onlineCallback() {
      if(changedWifi === true){
      
      alert("wifi changed");
          
          changedWifi = false;
      }
  }
  function offlineCallback(){
      changedWifi = true;
      alert("offline");
  }
  window.addEventListener('online',  onlineCallback);
  window.addEventListener('offline', offlineCallback);
});