ответ об ошибке axios возвращает неопределенное значение, если запрос выполнен успешно

Question

Здравствуйте, я использую axios с React & Redux, как это

export const addCustomer = ({destructured data}) => dispatch => {
    axios.post('/api/customer-base/add-customer', {
        //data
    })
    .then(res => res.data)
    .then(data => {
        console.log(data)
        dispatch({
            type: ADD_CUSTOMER,
            payload: {
              newCustomer: data.newCustomer
            }
        })
    })
    .catch(err => {
        if(err.response.data.message){
            console.log(err.response.data.message)
            dispatch({
                type: ADD_CUSTOMER_ERROR,
                payload: {
                   error: err.response.data.message
                }
            })
        }


   })
}

, и после успешного запроса (возвращая 200 кодов состояния) он выдает мне эту ошибку

Uncaught (вобещание) TypeError: Невозможно прочитать свойство 'data' из неопределенного

. Самое интересное, что он выдает эту ошибку только после отправки 200 кода состояния. если есть сообщение об ошибке, оно работает нормально. так в чем проблема? я добавил CORS-заголовок, но он не работал, и когда я добавляю if(err.response){ } и внутри этого условия я обрабатываю свою ошибку, он также работает нормально. так что я хочу знать проблему