React jak łapać błędy z zapytania które wykonuje się w innym pliku

Question

Witam,

mam problem z łapaniem błędów przy używaniu axios, na razie mam napisaną metodę post, wyodrębniłem metodę do helperów, wszystko ładnie działa tylko doszedłem do momentu gdzie muszę złapać błąd i tutaj się zablokowałem nie wiem w jaki sposób dostać response w pliku z widokiem rejestracji, próbowałem zrobić return error.response.date i potem w widoku zrobić console.log ale nie działało, w jaki sposób mogę to ogarnąć?

helpers/api.js

const postAndPutSkeleton = (url, method, body, resolve, reject) => {
    return axios({
        method: method,
        url: url,
        headers: {
            'Content-Type': 'application/json',
        },
        data: JSON.stringify(body),
    })
        .then(response => {
            if(response.status === 200) {
                resolve(response);
            } else {
                reject(response);
            }
        })
        .catch(error => {
            console.log(error.response.data);
        })
};

export const post = (url, data) =>
    new Promise(
        (resolve, reject) => postAndPutSkeleton(url, 'POST', data, resolve, reject)
    );

helpers/registerApi.js

export const create = (params) => api.post(registerApiUrl, params);

 

tak odpalam zapytanie w pliku którym jest widok rejestracji, oczywiście funkcja jest async

await registerApi.create(data);