Merge pull request #4 from Renna-Labs/v1.1.3

v1.1.3

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rennalabs/hooks",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "A library of useful hooks.",
   "main": "dist/index.js",
   "typings": "types/index.d.ts",

src/useNetworkStatus/useNetworkStatus.ts

@@ -1,12 +1,21 @@
 import { useState, useEffect } from 'react';
+import { isClient } from '../utils';
 
 interface NetworkStatus {
   isOnline: boolean;
   offlineAt: Date | undefined;
 }
 
+function getInitialValue(): boolean {
+  if (isClient && typeof navigator !== 'undefined') {
+    return navigator.onLine;
+  }
+
+  return false;
+}
+
 export const useNetworkStatus = (): NetworkStatus => {
-  const [status, setStatus] = useState<boolean>(navigator.onLine);
+  const [status, setStatus] = useState<boolean>(getInitialValue());
   const [offlineAt, setOfflineAt] = useState<Date | undefined>(undefined);
 
   useEffect(() => {

src/utils.ts

@@ -39,14 +39,7 @@ export const isClient: boolean = typeof window === 'object';
 
 /**
  * Clamps a given value within a specified range.
- *
- * @param {number} value - The value to be clamped.
- * @param {number} min - The minimum value of the range.
- * @param {number} max - The maximum value of the range.
- *
- * @returns {number} The clamped value.
  */
-
 export function clamp(value: number, min: number, max: number) {
   return Math.min(Math.max(value, min), max);
 }