utility code a friend shared with me to check the connectivity status of the user

connectivityStatus.ts

const isOnline = async ():Promise<boolean> => {
  // Make a request to any host as long as it is a URL and not an IP in order to check DNS too
  try {
    await fetch("checkip.amazonaws.com");
    return true;
  } catch (error) {
    return false;
  }
};

window.addEventListener("load", async (event) => {
  // navigator.onLine checks if the user is connected to a network and not necessarily if he has
  // Internet access

  if (navigator.onLine) {
    // making a request to check if the user has Internet access
    const hasAccessToInternet = await isOnline();
    if (hasAccessToInternet) {
      console.log("online")
    } 
  } else console.log("offline");
});

// log when the user becomes offline
window.addEventListener("offline", (event) => {
  console.log("offline");
});

// confirm that the user has Internet access when "onLine" event is fired
window.addEventListener("online", async (event) => {
  const hasAccessToInternet = await isOnline();
  if (hasAccessToInternet) {
    console.log("definitely online")
  }
  else console.log("not online");
});