Skip to main content

useOnlineStatus()

The useOnlineStatus hook tracks the network connectivity status of the browser, returning a boolean indicating whether the user is online or offline. This is useful for displaying connection status indicators or handling offline scenarios in your application.

Import​

import { useOnlineStatus } from "reactuals";

Demo​

Loading...

Usage​

import React from "react";
import { useOnlineStatus } from "reactuals";

export const Component = () => {
  const online = useOnlineStatus();

  return (
    <div>
      <p>Network Status: {online ? "Online" : "Offline"}</p>
    </div>
  );
};