handling errors and accessing objects

    onError: async (error) => {
        console.log(error);
        if (
            error.status === 401 ||
            error.status === 403 ||
            error.message === "Request failed with status code 401" ||
            error.message === "Request failed with status code 403"
        ) {
            return {
                logout: true,
                redirectTo: "/login",
                error,
            };
        }

        return {};
    },

    onError: async (error) => {
        console.log(error);
        if (
            error.status === 401 ||
            error.status === 403 ||
            error.message === "Request failed with status code 401" ||
            error.message === "Request failed with status code 403"
        ) {
            return {
                logout: true,
                redirectTo: "/login",
                error,
            };
        }

        return {};
    },

Error: Request failed with status code 401
    at createError (createError.js:16:15)
    at settle (settle.js:17:12)
    at XMLHttpRequest.onloadend (xhr.js:66:7)

Error: Request failed with status code 401
    at createError (createError.js:16:15)
    at settle (settle.js:17:12)
    at XMLHttpRequest.onloadend (xhr.js:66:7)