Доступ к хранилищу redux для получения потока данных

Я пытаюсь показать полосу загрузки, когда пользователь загружает файл PSD в зависимости от процесса загрузки.

Пример:

Я отправляю действие, когда файл начинает загружаться и магазин соответственно обновляется.

  const postFormData = ({ url, data, files }) =>
    new Promise((resolve, reject) => {
    store.dispatch({ type: START_FILE_UPLOAD });

    const formData = new FormData();
    Object.keys(data).forEach(key => formData.set(key, data[key]));
    Object.keys(files)
      .map((key) => {
        const { file, filename } = files[key];
        return { key, file, filename };
      })
      .forEach(({ key, file, filename }) => formData.set(key, file, filename));

    const request = new XMLHttpRequest();

    request.open('POST', url);
    request.upload.addEventListener('progress', ({ lengthComputable, loaded, total }) => {
      if (lengthComputable) {
        const feedData = { loaded, total };
        store.dispatch({ type: START_FILE_UPLOAD, payload: feedData });
      }
    });
    request.addEventListener('load', (event) => {
      store.dispatch({ type: END_FILE_UPLOAD });
      resolve(event);
    });
    request.addEventListener('error', (event) => {
      store.dispatch({ type: END_FILE_UPLOAD });
      reject(event);
    });
    request.send(formData);
  });

Вот обновление магазина:

Но я не могу получить состояние loaded и loading из хранилища внутри компонента.

Как я могу получить доступ к потоку данных из магазина по мере его обновления внутри компонента?