useLocalStorage.js

import { useState, useEffect } from 'react'

export const useLocalStorage = (key, value = undefined) => {
  const [storeValue, setStoreValue] = useState(() => {
    // get value if exists in localStorage
    const item = window.localStorage.getItem(key)
    return item
  })

  useEffect(() => {
    window.localStorage.setItem(key, value)
  }, [key, value])

  return {
    storeValue,
    setStoreValue
  }
}