Two pieces of JS code with and without Async, Await

With-Async.js

export const getSingleTaskAction = id => {
  return async dispatch => {
    dispatch({ type: types.TASKS_START });
    try {
      const res = await codeClanApi
        .get(`/tasks/${id}`);
      dispatch({ type: types.GET_TASK, payload: res.data });
    } catch (err) {
      const error_msg = err.response
        ? err.response.data.message
        : 'An error occurred';
      dispatch({
        type: types.TASKS_FAILURE,
        payload: error_msg,
      });
    }
  };
};

Without-Async.js

export const getSingleTaskAction = id => {
  return dispatch => {
    dispatch({ type: types.TASKS_START });
    return codeClanApi
      .get(`/tasks/${id}`)
      .then(res => {
        dispatch({ type: types.GET_TASK, payload: res.data });
        // history.push(`/dashboard`)
      })
      .catch(err => {
        const error_msg = err.response
          ? err.response.data.message
          : 'An error occurred';
        dispatch({
          type: types.TASKS_FAILURE,
          payload: error_msg,
        });
      });
  };
};