import { useState } from "react"

export const useLocalStorage = (key, initialValue) => {
  const [storedValue, setStoredValue] = useState(() => {
    try {
      const item = window.localStorage.getItem(key)
      return item ? JSON.parse(item) : initialValue
    } catch (err) {
      console.error(err)
      return initialValue
    }
  })

  const setValue = (value) => {
    try {
      const valueToStore =
        value instanceof Function ? value(storedValue) : value
      setStoredValue(valueToStore)
      window?.localStorage.setItem(key, JSON.stringify(valueToStore))
    } catch (err) {
      console.error(err.message)
    }
  }
  return [storedValue, setValue]
}

it keep saying window is not defined even tho i use it on client components