Reactでバックエンドが動作していない場合の対処法

Question

現在、React側でこのようにユーザー情報を読み込む場合このような処理をしているのですが、通信内容にエラーがあるのですが、そもそもバックエンドが起動しておらず、通信できない状態のときに× Unhandled Rejection (TypeError): Cannot read property 'data' of undefinedというエラーが出るのですが、通信内容のエラーとそもそものエラーを分ける方法はあるのでしょうか。

export const loadUser = () => (dispatch, getState) => {
    dispatch({ type: USER_LOADING });
    axios
        .get(`${url}/api/auth/user`, tokenConfig(getState))
        .then((res) => {
            dispatch({
                type: USER_LOADED,
                payload: res.data,
            });
        })
        .catch((err) => {
            dispatch(returnErrors(err.response.data, err.response.status));
            dispatch({
                type: AUTH_ERROR,
            });
        });
};

Answer 1

エラーが起きているのはこの行ですか？

dispatch(returnErrors(err.response.data, err.response.status));

であれば err の内容で条件分岐することができると思います