useNetwork

A hook that can manage the state of network.

type NetworkState = {
  online?: boolean;
  since?: Date;
  rtt?: number;
  type?: string;
  downlink?: number;
  saveData?: boolean;
  downlinkMax?: number;
  effectiveType?: string;
};

const result: NetworkState = useNetwork();

Example

Basic usage of useNetwork hook.

API

Property	Description	Type
online	Effective online	`boolean`
since	Online/offline last change date	`Date`
rtt	Round-trip time	`number`
type	Type of connection that a device is using to communicate with the network	`bluetooth` \| `cellular` \| `ethernet` \| `none` \| `wifi` \| `wimax` \| `other` \| `unknown`
downlink	Effective bandwidth estimate in megabits per second	`number`
downlinkMax	The maximum downlink speed	`number`
saveData	Whether the user agent has set the option to reduce data usage	`boolean`
effectiveType	The effective type of the connection	`slow-2g` \| `2g` \| `3g` \| `4g`

ON THIS PAGE

#useNetwork

#Example

#API

useNetwork

Example

API