How to access promise response and also resolved data?

[viperfx]

Hi,

I am looking to access the resolved json object and also the response object on the onSettled callback

const fetchTeamList = (key, token) => fetch("/api/v1/teams_graphapi/list_joined_teams/", {
    method: "POST",
    credentials: 'same-origin',
    mode: 'same-origin',
    headers: {
        "X-CSRFToken": token,
        "Accept": "application/json",
        "Content-Type": "application/json"
    },
}).then(res => res.json())

const fetchTeamListQuery = useQuery('teamList', [token], fetchTeamList, {
        onSettled: (data, error) => {
            if (data.status == 200) return dispatch({type: apiActionTypes.fetchJoinedTeamsList, value: data})
            if (data.status == 404) return dispatch({type: apiActionTypes.fetchJoinedTeamsList, value: []})
            if (data.status == 403) return dispatch({type: apiActionTypes.setPermissionError, value: true})
        }
})

When using fetch().then(res => res.json()), the data from the onSettled callback is the JSON payload. But not able to access.

Is there a way to access both the json object, and response object too, so I can access status to get HTTP status code.