Help: axios not catching errors

[cannontechnology]

If anyone could help I would greatly appreciate it:

I have a axios post (FN down below) that I'm failing intentionally to try to catch the error, however, it is returning to the THEN block instead of the CATCH block. I put a breakpoint in the THEN block and the response is "undefined" and the network response tab is empty.
In the devtools console I see the following Axios response error @ chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/react_devtools_backend.js : 4026

Once I clear the breakpoint I see the error response in the network tab however, it's too late at that point.

{
"message": "Request failed with status code 400",
"name": "AxiosError",
"config": {
"transitional": {
"silentJSONParsing": true,
"forcedJSONParsing": true,
"clarifyTimeoutError": false
},
"transformRequest": [
null
],
"transformResponse": [
null
],
"timeout": 0,
"xsrfCookieName": "XSRF-TOKEN",
"xsrfHeaderName": "X-XSRF-TOKEN",
"maxContentLength": -1,
"maxBodyLength": -1,
"env": {
"FormData": null
},
"headers": {
"Authorization": "Bearer ...",
"Content-Type": "application/json"
},
"baseURL": "https://localhost:9803",
"method": "post",
"url": "/api/v1/valet/jdbc/jdbcConnectionTest?user=&password=&url=asdf&sql=select",
"data": "{"signal":{}}"
},
"code": "ERR_BAD_REQUEST",
"status": 400
}

`

const testDBConnection = () => {
const controller = new AbortController();
let _postUrl =
"/api/v1/valet/jdbc/jdbcConnectionTest?user=joe&password=blow&url=badurl&sql=select 1";

axios
  .post(_postUrl, {}, {
    signal: controller.signal,
    validateStatus: function (status) {
        console.log("status >= 200 && status < 300 = " + (status >= 200 && status < 300) + " (status = " + status+")");
        // Result of above is ==>  status >= 200 && status < 300 = false (status = 400)
        return status >= 200 && status < 300; // default
    },
  })
  .then((resp) => {
    console.log(resp);
    if (resp) {
      console.log( "Test Connection Success.");
    } else {
      console.log(resp);
      console.log( "Test Connection Failed....");    //always lands here b/c the response is "undefined"
    }
  })
  .catch((error) => {
    if (axios.isCancel(error)) return; // if the query has been aborted, do nothing
    console.log( "Test Connection Failed....");    //EXPECT it to hit HERE
    throw error;
  })
  .finally(() => {
    setRunningTest(false);
  });
return () => {
  console.log("testDBConnection unmount called");
  controller.abort(); // abort on unmount for cleanup
};

}
`

[cannontechnology]

I found the issue. There was an interceptor that was eating the error.