frigate/web/src/hooks/use-session-persistence.ts

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];
}