"use client";
import { useEffect, useState } from "react";

export const useLocalStorage = (key: string, defaultValue: string) => {
  const [store, setStore] = useState<any>(key);
  useEffect(() => {
    const storedValue = localStorage.getItem(key);
    setStore(storedValue);
  }, [store]);

  const [value, setValue] = useState(() => {
    return store ? JSON.parse(store) : defaultValue;
  });

  useEffect(() => {
    localStorage.setItem(key, JSON.stringify(value));
  }, [key, value]);
  return [value, setValue];
};