A custom hook to use localStorage

useLocalStorage.js

import { useState, useEffect } from "react";

const useLocalStorage  = (initialState, key) => {
  const [value, setValue] = useState(() => {
    const keyValue = localStorage.getItem(key);
    if(keyValue) return JSON.parse(keyValue)[value];
    return initialState;
  });
  
  useEffect(() => {
    localStorage.setItem(key, JSON.stringify({value});
  },[value]);
  
  return [value, setValue]; 
}
            
export default useLocalStorage;