1import { useState, useEffect } from "react";
2
3export function useSessionStorage<T>(key: string, initialValue: T) {
4 const [storedValue, setStoredValue] = useState<T>(() => {
5 try {
6 const item = window.sessionStorage.getItem(key);
7 return item ? JSON.parse(item) : initialValue;
8 } catch (error) {
9 console.log(error);
10 return initialValue;
11 }
12 });
13
14 const setValue = (value: T | ((val: T) => T)) => {
15 try {
16 const valueToStore = value instanceof Function ? value(storedValue) : value;
17 setStoredValue(valueToStore);
18 window.sessionStorage.setItem(key, JSON.stringify(valueToStore));
19 } catch (error) {
20 console.log(error);
21 }
22 };
23
24 return [storedValue, setValue] as const;
25}