combinedHooks.js

const SET_INFO = 'SET_INFO';
const SET_ERROR = 'SET_ERROR';

const initialState = {
  info: {},
  error: null
};

const reducer = (state, action) => {
  switch (action.type) {
      case SET_INFO:
      return {
        ...state,
        info: action.payload.info
      };
      case SET_ERROR:
      return {
        ...state,
        error: action.payload.error
      };
  }
};

const useInfo = () => {
  const [state, dispatch] = useReducer(reducer, initialState);
  const setInfo = (values) => dispatch({
    type: SET_INFO,
    payload: {
      info: values
    }
  });
  const setError = (error) => dispatch({
    type: SET_ERROR,
    payload: {
      error
    }
  });

  return {
    ...state,
    setInfo,
    setError,
  };
};

// Persist local information
const useLocalInfo = () => {
  const { info, setInfo, error, setError } = useInfo();
  const { rehydrated } = useSession(info, setInfo);
  
  return {
    info,
    setInfo,
    error,
    setError,
    rehydrated,
  };
};