@willbooster/shared-lib-react 3.2.1 → 3.2.2

package/dist/hooks/useLocalStorage.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("./useStorage.cjs");exports.useLocalStorage=function(r,t,o,a){return e.useStorage("localStorage",r,t,o,a)};
+"use strict";var e=require("./useStorage.cjs");exports.useLocalStorage=function(r,t,o={}){return e.useStorage("localStorage",r,t,o)};
 //# sourceMappingURL=useLocalStorage.cjs.map

package/dist/hooks/useLocalStorage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalStorage.cjs","sources":["../../src/hooks/useLocalStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport { useStorage } from './useStorage.js';\n\nexport function useLocalStorage<T>(\n  key: string,\n  initialValue: T,\n  ssrValue: T,\n  parseAfterJsonParse?: (value: unknown) => T\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('localStorage', key, initialValue, ssrValue, parseAfterJsonParse);\n}\n"],"names":["key","initialValue","ssrValue","parseAfterJsonParse","useStorage"],"mappings":"uEAIO,SACLA,EACAC,EACAC,EACAC,GAEA,OAAOC,EAAAA,WAAW,eAAgBJ,EAAKC,EAAcC,EAAUC,EACjE"}
+{"version":3,"file":"useLocalStorage.cjs","sources":["../../src/hooks/useLocalStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseStorageOptions } from './useStorage.js';\nimport { useStorage } from './useStorage.js';\n\nexport function useLocalStorage<T>(\n  key: string,\n  initialValue: T,\n  immutableOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('localStorage', key, initialValue, immutableOptions);\n}\n"],"names":["key","initialValue","immutableOptions","useStorage"],"mappings":"uEAKO,SACLA,EACAC,EACAC,EAAyC,CAAA,GAEzC,OAAOC,EAAUA,WAAC,eAAgBH,EAAKC,EAAcC,EACvD"}

package/dist/hooks/useLocalStorage.d.ts

@@ -1,2 +1,3 @@
 import type React from 'react';
-export declare function useLocalStorage<T>(key: string, initialValue: T, ssrValue: T, parseAfterJsonParse?: (value: unknown) => T): [T, React.Dispatch<React.SetStateAction<T>>];
+import type { UseStorageOptions } from './useStorage.js';
+export declare function useLocalStorage<T>(key: string, initialValue: T, immutableOptions?: UseStorageOptions<T>): [T, React.Dispatch<React.SetStateAction<T>>];

package/dist/hooks/useLocalStorage.js

@@ -1,2 +1,2 @@
-import{useStorage as o}from"./useStorage.js";function r(r,t,e,a){return o("localStorage",r,t,e,a)}export{r as useLocalStorage};
+import{useStorage as o}from"./useStorage.js";function r(r,t,e={}){return o("localStorage",r,t,e)}export{r as useLocalStorage};
 //# sourceMappingURL=useLocalStorage.js.map

package/dist/hooks/useLocalStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalStorage.js","sources":["../../src/hooks/useLocalStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport { useStorage } from './useStorage.js';\n\nexport function useLocalStorage<T>(\n  key: string,\n  initialValue: T,\n  ssrValue: T,\n  parseAfterJsonParse?: (value: unknown) => T\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('localStorage', key, initialValue, ssrValue, parseAfterJsonParse);\n}\n"],"names":["useLocalStorage","key","initialValue","ssrValue","parseAfterJsonParse","useStorage"],"mappings":"6CAIO,SAASA,EACdC,EACAC,EACAC,EACAC,GAEA,OAAOC,EAAW,eAAgBJ,EAAKC,EAAcC,EAAUC,EACjE"}
+{"version":3,"file":"useLocalStorage.js","sources":["../../src/hooks/useLocalStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseStorageOptions } from './useStorage.js';\nimport { useStorage } from './useStorage.js';\n\nexport function useLocalStorage<T>(\n  key: string,\n  initialValue: T,\n  immutableOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('localStorage', key, initialValue, immutableOptions);\n}\n"],"names":["useLocalStorage","key","initialValue","immutableOptions","useStorage"],"mappings":"6CAKO,SAASA,EACdC,EACAC,EACAC,EAAyC,CAAA,GAEzC,OAAOC,EAAW,eAAgBH,EAAKC,EAAcC,EACvD"}

package/dist/hooks/useNoHydrationError.cjs

@@ -0,0 +1,2 @@
+"use strict";var r=require("react");function t(){}function e(){return t}exports.useNoHydrationError=function(t,n){return r.useSyncExternalStore(e,(()=>t),(()=>n))};
+//# sourceMappingURL=useNoHydrationError.cjs.map

package/dist/hooks/useNoHydrationError.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNoHydrationError.cjs","sources":["../../src/hooks/useNoHydrationError.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nfunction emptyFunction(): void {}\nfunction emptySubscribe(): () => void {\n  return emptyFunction;\n}\n\n// cf. https://tkdodo.eu/blog/avoiding-hydration-mismatches-with-use-sync-external-store\nexport function useNoHydrationError<T>(clientValue: T, ssrValue: T): T {\n  return useSyncExternalStore(\n    emptySubscribe,\n    () => clientValue,\n    () => ssrValue\n  );\n}\n"],"names":["emptyFunction","emptySubscribe","clientValue","ssrValue","useSyncExternalStore"],"mappings":"oCAEA,SAASA,IAAuB,CAChC,SAASC,IACP,OAAOD,CACT,6BAGO,SAAgCE,EAAgBC,GACrD,OAAOC,EAAoBA,qBACzBH,GACA,IAAMC,IACN,IAAMC,GAEV"}

package/dist/hooks/useNoHydrationError.d.ts

@@ -0,0 +1 @@
+export declare function useNoHydrationError<T>(clientValue: T, ssrValue: T): T;

package/dist/hooks/useNoHydrationError.js

@@ -0,0 +1,2 @@
+import{useSyncExternalStore as n}from"react";function r(){}function t(){return r}function o(r,o){return n(t,(()=>r),(()=>o))}export{o as useNoHydrationError};
+//# sourceMappingURL=useNoHydrationError.js.map

package/dist/hooks/useNoHydrationError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNoHydrationError.js","sources":["../../src/hooks/useNoHydrationError.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nfunction emptyFunction(): void {}\nfunction emptySubscribe(): () => void {\n  return emptyFunction;\n}\n\n// cf. https://tkdodo.eu/blog/avoiding-hydration-mismatches-with-use-sync-external-store\nexport function useNoHydrationError<T>(clientValue: T, ssrValue: T): T {\n  return useSyncExternalStore(\n    emptySubscribe,\n    () => clientValue,\n    () => ssrValue\n  );\n}\n"],"names":["emptyFunction","emptySubscribe","useNoHydrationError","clientValue","ssrValue","useSyncExternalStore"],"mappings":"6CAEA,SAASA,IAAuB,CAChC,SAASC,IACP,OAAOD,CACT,CAGO,SAASE,EAAuBC,EAAgBC,GACrD,OAAOC,EACLJ,GACA,IAAME,IACN,IAAMC,GAEV"}

package/dist/hooks/useSessionStorage.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("./useStorage.cjs");exports.useSessionStorage=function(s,r,t,o){return e.useStorage("sessionStorage",s,r,t,o)};
+"use strict";var e=require("./useStorage.cjs");exports.useSessionStorage=function(s,r,t={}){return e.useStorage("sessionStorage",s,r,t)};
 //# sourceMappingURL=useSessionStorage.cjs.map

package/dist/hooks/useSessionStorage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSessionStorage.cjs","sources":["../../src/hooks/useSessionStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport { useStorage } from './useStorage.js';\n\nexport function useSessionStorage<T>(\n  key: string,\n  initialValue: T,\n  ssrValue: T,\n  parseAfterJsonParse?: (value: unknown) => T\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('sessionStorage', key, initialValue, ssrValue, parseAfterJsonParse);\n}\n"],"names":["key","initialValue","ssrValue","parseAfterJsonParse","useStorage"],"mappings":"yEAIO,SACLA,EACAC,EACAC,EACAC,GAEA,OAAOC,EAAAA,WAAW,iBAAkBJ,EAAKC,EAAcC,EAAUC,EACnE"}
+{"version":3,"file":"useSessionStorage.cjs","sources":["../../src/hooks/useSessionStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseStorageOptions } from './useStorage.js';\nimport { useStorage } from './useStorage.js';\n\nexport function useSessionStorage<T>(\n  key: string,\n  initialValue: T,\n  immutableOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('sessionStorage', key, initialValue, immutableOptions);\n}\n"],"names":["key","initialValue","immutableOptions","useStorage"],"mappings":"yEAKO,SACLA,EACAC,EACAC,EAAyC,CAAA,GAEzC,OAAOC,EAAUA,WAAC,iBAAkBH,EAAKC,EAAcC,EACzD"}

package/dist/hooks/useSessionStorage.d.ts

@@ -1,2 +1,3 @@
 import type React from 'react';
-export declare function useSessionStorage<T>(key: string, initialValue: T, ssrValue: T, parseAfterJsonParse?: (value: unknown) => T): [T, React.Dispatch<React.SetStateAction<T>>];
+import type { UseStorageOptions } from './useStorage.js';
+export declare function useSessionStorage<T>(key: string, initialValue: T, immutableOptions?: UseStorageOptions<T>): [T, React.Dispatch<React.SetStateAction<T>>];

package/dist/hooks/useSessionStorage.js

@@ -1,2 +1,2 @@
-import{useStorage as o}from"./useStorage.js";function r(r,e,t,s){return o("sessionStorage",r,e,t,s)}export{r as useSessionStorage};
+import{useStorage as o}from"./useStorage.js";function r(r,e,t={}){return o("sessionStorage",r,e,t)}export{r as useSessionStorage};
 //# sourceMappingURL=useSessionStorage.js.map

package/dist/hooks/useSessionStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSessionStorage.js","sources":["../../src/hooks/useSessionStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport { useStorage } from './useStorage.js';\n\nexport function useSessionStorage<T>(\n  key: string,\n  initialValue: T,\n  ssrValue: T,\n  parseAfterJsonParse?: (value: unknown) => T\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('sessionStorage', key, initialValue, ssrValue, parseAfterJsonParse);\n}\n"],"names":["useSessionStorage","key","initialValue","ssrValue","parseAfterJsonParse","useStorage"],"mappings":"6CAIO,SAASA,EACdC,EACAC,EACAC,EACAC,GAEA,OAAOC,EAAW,iBAAkBJ,EAAKC,EAAcC,EAAUC,EACnE"}
+{"version":3,"file":"useSessionStorage.js","sources":["../../src/hooks/useSessionStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseStorageOptions } from './useStorage.js';\nimport { useStorage } from './useStorage.js';\n\nexport function useSessionStorage<T>(\n  key: string,\n  initialValue: T,\n  immutableOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('sessionStorage', key, initialValue, immutableOptions);\n}\n"],"names":["useSessionStorage","key","initialValue","immutableOptions","useStorage"],"mappings":"6CAKO,SAASA,EACdC,EACAC,EACAC,EAAyC,CAAA,GAEzC,OAAOC,EAAW,iBAAkBH,EAAKC,EAAcC,EACzD"}

package/dist/hooks/useStorage.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");function t(e){return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}exports.useStorage=function(n,r,o,s,i){const c=e.useSyncExternalStore(t,(()=>{const e=window[n].getItem(r);try{if(e){const t=JSON.parse(e);return i?i(t):t}}catch(e){}return o}),(()=>s)),u=e.useCallback((e=>{try{const t="function"==typeof e?e(c):e;null==t?window[n].removeItem(r):window[n].setItem(r,JSON.stringify(t))}catch(e){console.warn(e)}}),[r,c]);return e.useEffect((()=>{null===window[n].getItem(r)&&void 0!==o&&window[n].setItem(r,JSON.stringify(o))}),[r,o]),[c,u]};
+"use strict";var e=require("react");function t(e){return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}exports.useStorage=function(n,r,s,o={}){const i=e.useSyncExternalStore(t,(()=>{const e=window[n].getItem(r);try{if(e){const t=JSON.parse(e);return null!=o&&o.parseAfterJsonParse?null==o?void 0:o.parseAfterJsonParse(t):t}}catch(e){}return s}),(()=>"ssrValue"in o?o.ssrValue:s)),a=e.useCallback((e=>{try{const t="function"==typeof e?e(i):e;null==t?window[n].removeItem(r):window[n].setItem(r,JSON.stringify(t))}catch(e){console.warn(e)}}),[r,i]);return e.useEffect((()=>{null===window[n].getItem(r)&&void 0!==s&&window[n].setItem(r,JSON.stringify(s))}),[r,s]),[i,a]};
 //# sourceMappingURL=useStorage.cjs.map

package/dist/hooks/useStorage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useStorage.cjs","sources":["../../src/hooks/useStorage.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback, useEffect, useSyncExternalStore } from 'react';\n\nexport function useStorage<T>(\n  storageType: 'localStorage' | 'sessionStorage',\n  key: string,\n  initialValue: T,\n  ssrValue: T,\n  parseAfterJsonParse?: (value: unknown) => T\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  const value = useSyncExternalStore<T>(\n    subscribeStorageEvent,\n    () => {\n      const jsonText = window[storageType].getItem(key);\n      try {\n        if (jsonText) {\n          const json = JSON.parse(jsonText);\n          return parseAfterJsonParse ? parseAfterJsonParse(json) : json;\n        }\n      } catch {\n        // do nothing\n      }\n      return initialValue;\n    },\n    () => ssrValue\n  );\n\n  const setState = useCallback(\n    (valueOrFunc: T | ((prevState: T) => T)) => {\n      try {\n        const nextState = typeof valueOrFunc === 'function' ? (valueOrFunc as (prevState: T) => T)(value) : valueOrFunc;\n\n        if (nextState === undefined || nextState === null) {\n          window[storageType].removeItem(key);\n        } else {\n          window[storageType].setItem(key, JSON.stringify(nextState));\n        }\n      } catch (error) {\n        console.warn(error);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [key, value]\n  );\n\n  useEffect(() => {\n    if (window[storageType].getItem(key) === null && initialValue !== undefined) {\n      window[storageType].setItem(key, JSON.stringify(initialValue));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key, initialValue]);\n\n  return [value, setState];\n}\n\nfunction subscribeStorageEvent(callback: (this: Window, ev: StorageEvent) => unknown) {\n  window.addEventListener('storage', callback);\n  return () => window.removeEventListener('storage', callback);\n}\n"],"names":["subscribeStorageEvent","callback","window","addEventListener","removeEventListener","storageType","key","initialValue","ssrValue","parseAfterJsonParse","value","useSyncExternalStore","jsonText","getItem","json","JSON","parse","_unused","setState","useCallback","valueOrFunc","nextState","removeItem","setItem","stringify","error","console","warn","useEffect","undefined"],"mappings":"oCAuDA,SAASA,EAAsBC,GAE7B,OADAC,OAAOC,iBAAiB,UAAWF,GAC5B,IAAMC,OAAOE,oBAAoB,UAAWH,EACrD,oBAvDO,SACLI,EACAC,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAQC,uBACZX,GACA,KACE,MAAMY,EAAWV,OAAOG,GAAaQ,QAAQP,GAC7C,IACE,GAAIM,EAAU,CACZ,MAAME,EAAOC,KAAKC,MAAMJ,GACxB,OAAOH,EAAsBA,EAAoBK,GAAQA,CAC3D,CACD,CAAC,MAAAG,GACA,CAEF,OAAOV,CAAY,IAErB,IAAMC,IAGFU,EAAWC,EAAWA,aACzBC,IACC,IACE,MAAMC,EAAmC,mBAAhBD,EAA8BA,EAAoCV,GAASU,EAEhGC,QACFnB,OAAOG,GAAaiB,WAAWhB,GAE/BJ,OAAOG,GAAakB,QAAQjB,EAAKS,KAAKS,UAAUH,GAEnD,CAAC,MAAOI,GACPC,QAAQC,KAAKF,EACf,IAGF,CAACnB,EAAKI,IAUR,OAPAkB,EAAAA,WAAU,KACiC,OAArC1B,OAAOG,GAAaQ,QAAQP,SAAkCuB,IAAjBtB,GAC/CL,OAAOG,GAAakB,QAAQjB,EAAKS,KAAKS,UAAUjB,GAClD,GAEC,CAACD,EAAKC,IAEF,CAACG,EAAOQ,EACjB"}
+{"version":3,"file":"useStorage.cjs","sources":["../../src/hooks/useStorage.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback, useEffect, useSyncExternalStore } from 'react';\n\nexport type UseStorageOptions<T> = {\n  parseAfterJsonParse?: (value: unknown) => T;\n} & ({ ssrValue: T } | Record<string, never>);\n\nexport function useStorage<T>(\n  storageType: 'localStorage' | 'sessionStorage',\n  key: string,\n  initialValue: T,\n  immutableOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  const value = useSyncExternalStore<T>(\n    subscribeStorageEvent,\n    () => {\n      const jsonText = window[storageType].getItem(key);\n      try {\n        if (jsonText) {\n          const json = JSON.parse(jsonText);\n          return immutableOptions?.parseAfterJsonParse ? immutableOptions?.parseAfterJsonParse(json) : json;\n        }\n      } catch {\n        // do nothing\n      }\n      return initialValue;\n    },\n    () => ('ssrValue' in immutableOptions ? immutableOptions.ssrValue : initialValue)\n  );\n\n  const setState = useCallback(\n    (valueOrFunc: T | ((prevState: T) => T)) => {\n      try {\n        const nextState = typeof valueOrFunc === 'function' ? (valueOrFunc as (prevState: T) => T)(value) : valueOrFunc;\n\n        if (nextState === undefined || nextState === null) {\n          window[storageType].removeItem(key);\n        } else {\n          window[storageType].setItem(key, JSON.stringify(nextState));\n        }\n      } catch (error) {\n        console.warn(error);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [key, value]\n  );\n\n  useEffect(() => {\n    if (window[storageType].getItem(key) === null && initialValue !== undefined) {\n      window[storageType].setItem(key, JSON.stringify(initialValue));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key, initialValue]);\n\n  return [value, setState];\n}\n\nfunction subscribeStorageEvent(callback: (this: Window, ev: StorageEvent) => unknown) {\n  window.addEventListener('storage', callback);\n  return () => window.removeEventListener('storage', callback);\n}\n"],"names":["subscribeStorageEvent","callback","window","addEventListener","removeEventListener","storageType","key","initialValue","immutableOptions","value","useSyncExternalStore","jsonText","getItem","json","JSON","parse","parseAfterJsonParse","_unused","ssrValue","setState","useCallback","valueOrFunc","nextState","removeItem","setItem","stringify","error","console","warn","useEffect","undefined"],"mappings":"oCA0DA,SAASA,EAAsBC,GAE7B,OADAC,OAAOC,iBAAiB,UAAWF,GAC5B,IAAMC,OAAOE,oBAAoB,UAAWH,EACrD,oBAtDO,SACLI,EACAC,EACAC,EACAC,EAAyC,CAAA,GAEzC,MAAMC,EAAQC,uBACZV,GACA,KACE,MAAMW,EAAWT,OAAOG,GAAaO,QAAQN,GAC7C,IACE,GAAIK,EAAU,CACZ,MAAME,EAAOC,KAAKC,MAAMJ,GACxB,OAAuB,MAAhBH,GAAAA,EAAkBQ,oBAAsBR,MAAAA,OAAAA,EAAAA,EAAkBQ,oBAAoBH,GAAQA,CAC/F,CACD,CAAC,MAAAI,GACA,CAEF,OAAOV,CAAY,IAErB,IAAO,aAAcC,EAAmBA,EAAiBU,SAAWX,IAGhEY,EAAWC,EAAWA,aACzBC,IACC,IACE,MAAMC,EAAmC,mBAAhBD,EAA8BA,EAAoCZ,GAASY,EAEhGC,QACFpB,OAAOG,GAAakB,WAAWjB,GAE/BJ,OAAOG,GAAamB,QAAQlB,EAAKQ,KAAKW,UAAUH,GAEnD,CAAC,MAAOI,GACPC,QAAQC,KAAKF,EACf,IAGF,CAACpB,EAAKG,IAUR,OAPAoB,EAAAA,WAAU,KACiC,OAArC3B,OAAOG,GAAaO,QAAQN,SAAkCwB,IAAjBvB,GAC/CL,OAAOG,GAAamB,QAAQlB,EAAKQ,KAAKW,UAAUlB,GAClD,GAEC,CAACD,EAAKC,IAEF,CAACE,EAAOU,EACjB"}

package/dist/hooks/useStorage.d.ts

@@ -1,2 +1,7 @@
 import type React from 'react';
-export declare function useStorage<T>(storageType: 'localStorage' | 'sessionStorage', key: string, initialValue: T, ssrValue: T, parseAfterJsonParse?: (value: unknown) => T): [T, React.Dispatch<React.SetStateAction<T>>];
+export type UseStorageOptions<T> = {
+    parseAfterJsonParse?: (value: unknown) => T;
+} & ({
+    ssrValue: T;
+} | Record<string, never>);
+export declare function useStorage<T>(storageType: 'localStorage' | 'sessionStorage', key: string, initialValue: T, immutableOptions?: UseStorageOptions<T>): [T, React.Dispatch<React.SetStateAction<T>>];

package/dist/hooks/useStorage.js

@@ -1,2 +1,2 @@
-import{useSyncExternalStore as t,useCallback as n,useEffect as e}from"react";function o(o,i,w,s,c){const d=t(r,(()=>{const t=window[o].getItem(i);try{if(t){const n=JSON.parse(t);return c?c(n):n}}catch(t){}return w}),(()=>s)),m=n((t=>{try{const n="function"==typeof t?t(d):t;null==n?window[o].removeItem(i):window[o].setItem(i,JSON.stringify(n))}catch(t){console.warn(t)}}),[i,d]);return e((()=>{null===window[o].getItem(i)&&void 0!==w&&window[o].setItem(i,JSON.stringify(w))}),[i,w]),[d,m]}function r(t){return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)}export{o as useStorage};
+import{useSyncExternalStore as e,useCallback as t,useEffect as n}from"react";function r(r,s,i,w={}){const a=e(o,(()=>{const e=window[r].getItem(s);try{if(e){const t=JSON.parse(e);return null!=w&&w.parseAfterJsonParse?null==w?void 0:w.parseAfterJsonParse(t):t}}catch(e){}return i}),(()=>"ssrValue"in w?w.ssrValue:i)),c=t((e=>{try{const t="function"==typeof e?e(a):e;null==t?window[r].removeItem(s):window[r].setItem(s,JSON.stringify(t))}catch(e){console.warn(e)}}),[s,a]);return n((()=>{null===window[r].getItem(s)&&void 0!==i&&window[r].setItem(s,JSON.stringify(i))}),[s,i]),[a,c]}function o(e){return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}export{r as useStorage};
 //# sourceMappingURL=useStorage.js.map

package/dist/hooks/useStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStorage.js","sources":["../../src/hooks/useStorage.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback, useEffect, useSyncExternalStore } from 'react';\n\nexport function useStorage<T>(\n  storageType: 'localStorage' | 'sessionStorage',\n  key: string,\n  initialValue: T,\n  ssrValue: T,\n  parseAfterJsonParse?: (value: unknown) => T\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  const value = useSyncExternalStore<T>(\n    subscribeStorageEvent,\n    () => {\n      const jsonText = window[storageType].getItem(key);\n      try {\n        if (jsonText) {\n          const json = JSON.parse(jsonText);\n          return parseAfterJsonParse ? parseAfterJsonParse(json) : json;\n        }\n      } catch {\n        // do nothing\n      }\n      return initialValue;\n    },\n    () => ssrValue\n  );\n\n  const setState = useCallback(\n    (valueOrFunc: T | ((prevState: T) => T)) => {\n      try {\n        const nextState = typeof valueOrFunc === 'function' ? (valueOrFunc as (prevState: T) => T)(value) : valueOrFunc;\n\n        if (nextState === undefined || nextState === null) {\n          window[storageType].removeItem(key);\n        } else {\n          window[storageType].setItem(key, JSON.stringify(nextState));\n        }\n      } catch (error) {\n        console.warn(error);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [key, value]\n  );\n\n  useEffect(() => {\n    if (window[storageType].getItem(key) === null && initialValue !== undefined) {\n      window[storageType].setItem(key, JSON.stringify(initialValue));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key, initialValue]);\n\n  return [value, setState];\n}\n\nfunction subscribeStorageEvent(callback: (this: Window, ev: StorageEvent) => unknown) {\n  window.addEventListener('storage', callback);\n  return () => window.removeEventListener('storage', callback);\n}\n"],"names":["useStorage","storageType","key","initialValue","ssrValue","parseAfterJsonParse","value","useSyncExternalStore","subscribeStorageEvent","jsonText","window","getItem","json","JSON","parse","_unused","setState","useCallback","valueOrFunc","nextState","removeItem","setItem","stringify","error","console","warn","useEffect","undefined","callback","addEventListener","removeEventListener"],"mappings":"6EAGO,SAASA,EACdC,EACAC,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAQC,EACZC,GACA,KACE,MAAMC,EAAWC,OAAOT,GAAaU,QAAQT,GAC7C,IACE,GAAIO,EAAU,CACZ,MAAMG,EAAOC,KAAKC,MAAML,GACxB,OAAOJ,EAAsBA,EAAoBO,GAAQA,CAC3D,CACD,CAAC,MAAAG,GACA,CAEF,OAAOZ,CAAY,IAErB,IAAMC,IAGFY,EAAWC,GACdC,IACC,IACE,MAAMC,EAAmC,mBAAhBD,EAA8BA,EAAoCZ,GAASY,EAEhGC,QACFT,OAAOT,GAAamB,WAAWlB,GAE/BQ,OAAOT,GAAaoB,QAAQnB,EAAKW,KAAKS,UAAUH,GAEnD,CAAC,MAAOI,GACPC,QAAQC,KAAKF,EACf,IAGF,CAACrB,EAAKI,IAUR,OAPAoB,GAAU,KACiC,OAArChB,OAAOT,GAAaU,QAAQT,SAAkCyB,IAAjBxB,GAC/CO,OAAOT,GAAaoB,QAAQnB,EAAKW,KAAKS,UAAUnB,GAClD,GAEC,CAACD,EAAKC,IAEF,CAACG,EAAOU,EACjB,CAEA,SAASR,EAAsBoB,GAE7B,OADAlB,OAAOmB,iBAAiB,UAAWD,GAC5B,IAAMlB,OAAOoB,oBAAoB,UAAWF,EACrD"}
+{"version":3,"file":"useStorage.js","sources":["../../src/hooks/useStorage.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback, useEffect, useSyncExternalStore } from 'react';\n\nexport type UseStorageOptions<T> = {\n  parseAfterJsonParse?: (value: unknown) => T;\n} & ({ ssrValue: T } | Record<string, never>);\n\nexport function useStorage<T>(\n  storageType: 'localStorage' | 'sessionStorage',\n  key: string,\n  initialValue: T,\n  immutableOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  const value = useSyncExternalStore<T>(\n    subscribeStorageEvent,\n    () => {\n      const jsonText = window[storageType].getItem(key);\n      try {\n        if (jsonText) {\n          const json = JSON.parse(jsonText);\n          return immutableOptions?.parseAfterJsonParse ? immutableOptions?.parseAfterJsonParse(json) : json;\n        }\n      } catch {\n        // do nothing\n      }\n      return initialValue;\n    },\n    () => ('ssrValue' in immutableOptions ? immutableOptions.ssrValue : initialValue)\n  );\n\n  const setState = useCallback(\n    (valueOrFunc: T | ((prevState: T) => T)) => {\n      try {\n        const nextState = typeof valueOrFunc === 'function' ? (valueOrFunc as (prevState: T) => T)(value) : valueOrFunc;\n\n        if (nextState === undefined || nextState === null) {\n          window[storageType].removeItem(key);\n        } else {\n          window[storageType].setItem(key, JSON.stringify(nextState));\n        }\n      } catch (error) {\n        console.warn(error);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [key, value]\n  );\n\n  useEffect(() => {\n    if (window[storageType].getItem(key) === null && initialValue !== undefined) {\n      window[storageType].setItem(key, JSON.stringify(initialValue));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key, initialValue]);\n\n  return [value, setState];\n}\n\nfunction subscribeStorageEvent(callback: (this: Window, ev: StorageEvent) => unknown) {\n  window.addEventListener('storage', callback);\n  return () => window.removeEventListener('storage', callback);\n}\n"],"names":["useStorage","storageType","key","initialValue","immutableOptions","value","useSyncExternalStore","subscribeStorageEvent","jsonText","window","getItem","json","JSON","parse","parseAfterJsonParse","_unused","ssrValue","setState","useCallback","valueOrFunc","nextState","removeItem","setItem","stringify","error","console","warn","useEffect","undefined","callback","addEventListener","removeEventListener"],"mappings":"6EAOO,SAASA,EACdC,EACAC,EACAC,EACAC,EAAyC,CAAA,GAEzC,MAAMC,EAAQC,EACZC,GACA,KACE,MAAMC,EAAWC,OAAOR,GAAaS,QAAQR,GAC7C,IACE,GAAIM,EAAU,CACZ,MAAMG,EAAOC,KAAKC,MAAML,GACxB,OAAuB,MAAhBJ,GAAAA,EAAkBU,oBAAsBV,MAAAA,OAAAA,EAAAA,EAAkBU,oBAAoBH,GAAQA,CAC/F,CACD,CAAC,MAAAI,GACA,CAEF,OAAOZ,CAAY,IAErB,IAAO,aAAcC,EAAmBA,EAAiBY,SAAWb,IAGhEc,EAAWC,GACdC,IACC,IACE,MAAMC,EAAmC,mBAAhBD,EAA8BA,EAAoCd,GAASc,EAEhGC,QACFX,OAAOR,GAAaoB,WAAWnB,GAE/BO,OAAOR,GAAaqB,QAAQpB,EAAKU,KAAKW,UAAUH,GAEnD,CAAC,MAAOI,GACPC,QAAQC,KAAKF,EACf,IAGF,CAACtB,EAAKG,IAUR,OAPAsB,GAAU,KACiC,OAArClB,OAAOR,GAAaS,QAAQR,SAAkC0B,IAAjBzB,GAC/CM,OAAOR,GAAaqB,QAAQpB,EAAKU,KAAKW,UAAUpB,GAClD,GAEC,CAACD,EAAKC,IAEF,CAACE,EAAOY,EACjB,CAEA,SAASV,EAAsBsB,GAE7B,OADApB,OAAOqB,iBAAiB,UAAWD,GAC5B,IAAMpB,OAAOsB,oBAAoB,UAAWF,EACrD"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("./hooks/useInterval.cjs"),s=require("./hooks/useLocalStorage.cjs"),r=require("./hooks/useSessionStorage.cjs"),o=require("./VersionOverlay.cjs");exports.useInterval=e.useInterval,exports.useLocalStorage=s.useLocalStorage,exports.useSessionStorage=r.useSessionStorage,exports.VersionOverlay=o.VersionOverlay;
+"use strict";var e=require("./hooks/useInterval.cjs"),r=require("./hooks/useLocalStorage.cjs"),o=require("./hooks/useNoHydrationError.cjs"),s=require("./hooks/useSessionStorage.cjs"),a=require("./VersionOverlay.cjs");exports.useInterval=e.useInterval,exports.useLocalStorage=r.useLocalStorage,exports.useNoHydrationError=o.useNoHydrationError,exports.useSessionStorage=s.useSessionStorage,exports.VersionOverlay=a.VersionOverlay;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { useInterval } from './hooks/useInterval.js';
 export { useLocalStorage } from './hooks/useLocalStorage.js';
+export { useNoHydrationError } from './hooks/useNoHydrationError.js';
 export { useSessionStorage } from './hooks/useSessionStorage.js';
 export { VersionOverlay } from './VersionOverlay.jsx';

package/dist/index.js

@@ -1,2 +1,2 @@
-export{useInterval}from"./hooks/useInterval.js";export{useLocalStorage}from"./hooks/useLocalStorage.js";export{useSessionStorage}from"./hooks/useSessionStorage.js";export{VersionOverlay}from"./VersionOverlay.js";
+export{useInterval}from"./hooks/useInterval.js";export{useLocalStorage}from"./hooks/useLocalStorage.js";export{useNoHydrationError}from"./hooks/useNoHydrationError.js";export{useSessionStorage}from"./hooks/useSessionStorage.js";export{VersionOverlay}from"./VersionOverlay.js";
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@willbooster/shared-lib-react",
-  "version": "3.2.1",
+  "version": "3.2.2",
   "license": "Apache-2.0",
   "author": "WillBooster Inc.",
   "sideEffects": false,