Отображение панели загрузки с поддержкой RTL

Question

Я пытаюсь добавить поддержку RTL для моего приложения React.

Так как я использую полосу загрузки ( эта: реагирует на избыточность-загрузка-бар) при вызовах API, длинный процесс... Я хочу также изменить ее на справа налево также, когда активен RTL.

Сначала я попытался использовать панель прогресса пользовательского интерфейса для материала, но не нашел хороших примеров / идей о том, как добавить его в свой рабочий процесс, а именно: React / Redux. Это также может решить проблему.

Есть ли решение для достижения этой цели?

Мой Redux Action выглядит так:

export const rdxDoGetCategories = () => {
  return async dispatch => {
    try {
      showLoadingBar(dispatch); // Show loading bar
      dispatch(rdxGetCategories(await getCategories())); // Call to the API then save it into the store
    } catch (error) {
      console.warn(error);
    } finally {
      hideLoadingBar(dispatch); // Hide loading bar
    }
  };
};

Спасибо за ваше время.