temporal-ai-agent/frontend/src/hooks/useLocalChatHistory.js

import { useState, useEffect } from "react";

export default function useLocalChatHistory(key, initialValue) {
  const [state, setState] = useState(() => {
    try {
      const stored = window.localStorage.getItem(key);
      return stored ? JSON.parse(stored) : initialValue;
    } catch (err) {
      console.error("Error parsing localStorage:", err);
      return initialValue;
    }
  });

  useEffect(() => {
    window.localStorage.setItem(key, JSON.stringify(state));
  }, [key, state]);

  return [state, setState];
}