Ожидайте в избыточном возврате диспетчер неопределен

Question

Я пытаюсь понять, как работает редукционный диспетчер в ожидании. Я добавил модуль thunk и применил его как промежуточное ПО. Однако эта последовательность, кажется, не работает, как ожидалось.

В моем диспетчере:

//getUserInfo is imported here
function fetchUserInfosData() {
  return async (dispatch) => {
    dispatch(requestUserInfosData());
    try {
      const data = await getUserInfoData();  //this returns undefined despite of having awaited
      return dispatch(receivedUserInfosData(data));
    } catch (error) {
      return dispatch(errorUserInfosData(error))
    }
  };
}

это в другом файле..

export const getUserInfoData = () => {
  const url = 'https://example.json'; 
  return fetch(url, jsonHeader)
  .then(checkStatus)
  .then(parseJSON)
  .then(data => data)  // the expected data is here
  .catch(error => error);
};

Если я правильно понимаю, когда вы примените Thunk в качестве промежуточного программного обеспечения, это будет решено как задумано.