React: Не устанавливается значение переменной в стейт

[vopik]

Знатоки реакта, здравствуйте, прошу, помогите найти ошибку.
Я пытаюсь реализовать всплывающее уведомление, результат запроса на сервер возвращает ошибку.

здесь я отправляю запрос, и в блоке catch пытаюсь изменить стейт:

export const login = (userData) => (dispatch) => {
  axios
    .post("/api/auth/login", userData)
    .then((res) => {
     ...................
    })
    .catch((e) => {
      console.log(1);
      dispatch(setSnackbarText(ERROR_BAD_REQUEST));
    });
};

ERROR_BAD_REQUEST в коде выше - это просто константа, содержащая текст моего уведомления

это мой action

export const setSnackbarText = (text) => ({
  type: SET_SNACKBAR_TEXT,
  payload: snackbarText,
});

и reducer:

    case SET_SNACKBAR_TEXT: {
      console.log(2);
      return {
        ...state,
        snackbarText: action.payload,
      };
    }

внутри App я получаю и помещаю своё уведомление:

const snackbarText = store.getState().snackbar.snackbarText;
{snackbarText && <Snackbar />}

но состояние не меняется. только если я сделаю какие-нибудь изменения в файле, сохраню и вернусь к браузеру, уведомление появится. но если я обновлю вручную и попытаюсь воспроизвести действие, ничего не работает... в консоли только уведомление о том, что запрос не выполнен, console.log все отображаются, я попадаю во все функции

В чём ошибка?