Пользовательское оповещение не отображается - React

В настоящее время я изучаю учебник для проекта Django + React.

Когда пользователь пытается войти в систему с неправильными учетными данными, должно появляться предупреждение "ошибка", а когда пользователю удается войти в систему, должно появляться предупреждение "успех". Логика входа работает нормально, но я не получаю никаких предупреждений (это пользовательские предупреждения).

login :

axios.defaults.xsrfHeaderName = "X-CSRFTOKEN"
axios.defaults.xsrfCookieName = "csrftoken"

export const login = (email, password) => async dispatch => {
    const config = {
        headers: {
            'Content-Type': 'application/json'
        }
    };

    const body = JSON.stringify({ email, password });

    try {
        const res = await 
          axios.post('http://localhost:8000/api/token/', 
            body, config);

        dispatch({
            type: LOGIN_SUCCESS,
            payload: res.data
        });

        dispatch(setAlert('Authenticated successfully', 'success'));
    }
    catch(err) {
        dispatch({
            type: LOGIN_FAIL
        });

        dispatch(setAlert('Error Authenticating', 'error'));
    }
};

Alert :

import { v4 as uuid } from 'uuid';
import { SET_ALERT, REMOVE_ALERT } from './types';

export const setAlert = (msg, alertType, timeout = 5000) => dispatch => {
    const id = uuid();
    dispatch({
        type: SET_ALERT,
        payload: { msg, alertType, id }
    });

    setTimeout(() => dispatch({ type: REMOVE_ALERT, payload: id }), timeout);
}

Я проверил импорт и имена переменных, и нигде не могу найти ответ.

Удачного дня!

Вернуться на верх