perf(use-local-storage): add memo to deserialization

SukkaW · Nov 9, 2023 · e3d4c04 · e3d4c04
1 parent 3eda84c
commit e3d4c04
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/use-local-storage/index.ts b/src/use-local-storage/index.ts
@@ -1,5 +1,5 @@
 import 'client-only';
-import { useSyncExternalStore, useCallback } from 'react';
+import { useSyncExternalStore, useCallback, useMemo } from 'react';
 import { noop } from '../noop';
 import { useIsomorphicLayoutEffect } from '../use-isomorphic-layout-effect';
 import { noSSRError } from '../no-ssr';
@@ -134,7 +134,7 @@ export function useLocalStorage<T>(
     getServerSnapshot
   );
 
-  const deserialized = store === null ? null : deserializer(store);
+  const deserialized = useMemo(() => (store === null ? null : deserializer(store)), [store, deserializer]);
 
   const setState = useCallback<React.Dispatch<React.SetStateAction<T | null>>>(
     (v) => {