useReducerWithLocalStorage

useReducerWithLocalStorage.ts

// this is a TS & modified version of: https://gist.github.com/mattiaerre/8dbd2d8efca3f242c7085a9ce82ecbde

import * as React from 'react';
// from: https://usehooks.com/useLocalStorage
import { useLocalStorage } from './useLocalStorage';

export const useReducerWithLocalStorage = <S, A>(reducer: React.Reducer<S, A>, initializerArg: S, key: string) => {
  const [localStorageState, setLocalStorageState] = useLocalStorage(key, initializerArg);

  return React.useReducer(
    (state: S, action: A) => {
      const newState = reducer(state, action);
      setLocalStorageState(newState);
      return newState;
    },
    { ...localStorageState }
  );
};

export default useReducerWithLocalStorage;