useLocaStorage: return memoized result

JSON.parse will create a new object on every render cycle

Author: ioslh

index.js

@@ -1200,16 +1200,22 @@ export function useSessionStorage(key, initialValue) {
     [key, store]
   );
 
+  const initialValueRef = useRef(initialValue)
+
   React.useEffect(() => {
     if (
       getSessionStorageItem(key) === null &&
       typeof initialValue !== "undefined"
     ) {
-      setSessionStorageItem(key, initialValue);
+      setSessionStorageItem(key, initialValueRef.current);
     }
-  }, [key, initialValue]);
+  }, [key]);
 
-  return [store ? JSON.parse(store) : initialValue, setState];
+  const result = useMemo(() => {
+    return store ? JSON.parse(store) : initialValueRef.current
+  }, [store])
+
+  return [result, setState];
 }
 
 export function useSet(values) {