v1.4.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cached-fetch",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "React hook for fetching data with cache functionality",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

src/cachedFetchProvider.tsx

@@ -1,9 +1,17 @@
-import React, { useCallback, useState, useMemo, createContext } from 'react';
+import React, {
+  useCallback,
+  useState,
+  useMemo,
+  createContext,
+  useEffect,
+} from 'react';
 
 export interface IHeaderOptions {
   [key: string]: string;
 }
 
+type IPersistenceType = 'none' | 'session' | 'local';
+
 interface ICachedFetchGlobalOptions {
   headers: IHeaderOptions;
   fetcher: (route: string, headers: IHeaderOptions) => Promise<any>;
@@ -20,6 +28,8 @@ interface ICachedFetchProviderGlobalOptions {
 
 interface ICachedFetchProviderProps {
   globalOptions?: ICachedFetchProviderGlobalOptions;
+  persistence?: IPersistenceType;
+  persistencePrefix?: string;
 }
 
 interface ICache {
@@ -55,9 +65,32 @@ const defaultOptions: ICachedFetchGlobalOptions = {
 
 export const CachedFetchProvider: React.FC<ICachedFetchProviderProps> = ({
   globalOptions,
+  persistence = 'none',
+  persistencePrefix,
   children,
 }) => {
-  const [cache, setCache] = useState<ICache>({});
+  const [cache, setCache] = useState<ICache>(() => {
+    if (persistence === 'none') {
+      return {};
+    }
+
+    if (!persistencePrefix) {
+      throw new Error(
+        'persistencePrefix must be provided when persistence is set to session or local',
+      );
+    }
+
+    const storage = persistence === 'session' ? sessionStorage : localStorage;
+
+    const persistedCache = storage.getItem(
+      `${persistencePrefix}-react-cached-fetch`,
+    );
+    if (!persistedCache) {
+      return {};
+    }
+
+    return JSON.parse(persistedCache);
+  });
 
   const updateCache = useCallback((key, data) => {
     setCache((current: ICache) => ({ ...current, [key]: data }));
@@ -71,6 +104,19 @@ export const CachedFetchProvider: React.FC<ICachedFetchProviderProps> = ({
     return { ...defaultOptions, ...globalOptions };
   }, [globalOptions]);
 
+  useEffect(() => {
+    if (persistence === 'none' || !persistencePrefix) {
+      return;
+    }
+
+    const storage = persistence === 'session' ? sessionStorage : localStorage;
+
+    storage.setItem(
+      `${persistencePrefix}-react-cached-fetch`,
+      JSON.stringify(cache),
+    );
+  }, [persistence, persistencePrefix, cache]);
+
   return (
     <CachedFetchContext.Provider
       value={{