/reactuse

useOnline

Returns whether the user is online.

Usage

import { useOnline } from "@siberiacancode/reactuse";

const online = useOnline();

Example

import { useOnline } from "@siberiacancode/reactuse";

export const Status = () => {
  const online = useOnline();
  return (
    <div>
      {online ? "Online" : "Offline"}
      {!online && <div>Changes will sync when you reconnect.</div>}
    </div>
  );
};

Notes

• Hook uses the navigator.onLine API.

Type Declarations

export declare const useOnline: () => boolean;