Stirling-PDF/frontend/src/hooks/tools/useJsonLocalStorageState.ts

import { useState, useEffect, Dispatch, SetStateAction } from 'react';

export function useLocalStorageState<T>(key: string, defaultValue: T): [T, Dispatch<SetStateAction<T>>] {
  const [state, setState] = useState<T>(() => {
    if (typeof window === 'undefined') {
      return defaultValue;
    }

    const stored = window.localStorage.getItem(key);
    if (stored === null) {
      return defaultValue;
    }

    try {
      return JSON.parse(stored) as T;
    } catch {
      return defaultValue;
    }
  });

  useEffect(() => {
    if (typeof window === 'undefined') {
      return;
    }

    window.localStorage.setItem(key, JSON.stringify(state));
  }, [key, state]);

  return [state, setState];
}