Simple api middleware for redux

actions.js

export const fetchTransactions = () => {
  return {
    type: "API_FETCH",
    config: {
      type: ACTIONS.FETCH_TRANSACTIONS,
      action: () => axios.get(/* sample url */),
      transform: response => response.data.result,
    },
  };
};

api-middleware.js

const apiFetch = ({ dispatch }) => next => async action => {
  if (action.type !== "API_FETCH") return next(action);
  const { type, action: apiAction, transform } = action.config;
  dispatch({ type: `${type}_PENDING` });
  try {
    const response = await apiAction();
    const data = transform ? transform(response) : response;
    dispatch({ type: `${type}_SUCCESS`, payload: data });
  } catch (err) {
    if (action.type === "API_FETCH")
      dispatch({ type: `${type}_ERROR`, payload: error });
    throw err;
  }
};

export default apiFetch;