useStorage.jsx

import { useReducer } from "react";

const stored = localStorage.getItem("data");
const emptyStore = { ... };
const initialState = (stored && JSON.parse(stored)) || emptyStore;

const reducer = (state, action) => {
  switch (action.type) {
    case "increment":
      return { count: state.count + 1 };
    case "decrement":
      return { count: state.count - 1 };
    default:
      throw new Error('Unknown action type');
  }
};

export const useStorage = () => {
  const hook = useReducer(reducer, initialState);

  localStorage.setItem("data", JSON.stringify(hook[0]));

  return hook;
};