forked from Github/frigate
40 lines
968 B
TypeScript
40 lines
968 B
TypeScript
import { useCallback, useState } from "react";
|
|
|
|
type useSessionPersistenceReturn<S> = [
|
|
value: S | undefined,
|
|
setValue: (value: S | undefined) => void,
|
|
];
|
|
|
|
export function useSessionPersistence<S>(
|
|
key: string,
|
|
defaultValue: S | undefined = undefined,
|
|
): useSessionPersistenceReturn<S> {
|
|
const [storedValue, setStoredValue] = useState(() => {
|
|
try {
|
|
const value = window.sessionStorage.getItem(key);
|
|
|
|
if (value) {
|
|
return JSON.parse(value);
|
|
} else {
|
|
window.sessionStorage.setItem(key, JSON.stringify(defaultValue));
|
|
return defaultValue;
|
|
}
|
|
} catch (err) {
|
|
return defaultValue;
|
|
}
|
|
});
|
|
|
|
const setValue = useCallback(
|
|
(newValue: S | undefined) => {
|
|
try {
|
|
window.sessionStorage.setItem(key, JSON.stringify(newValue));
|
|
// eslint-disable-next-line no-empty
|
|
} catch (err) {}
|
|
setStoredValue(newValue);
|
|
},
|
|
[key],
|
|
);
|
|
|
|
return [storedValue, setValue];
|
|
}
|