我们使用react-query从API中获取数据。对于每个API调用，都有一个具有不同查询键的单独钩子，但它们都使用相同的函数callApi()，该函数将api url作为参数来获取数据。
在callAPI()钩子中，我们有从authState获取要使用的auth令牌的逻辑。（代码如下）

const useAxios = (baseUrl = config.API_URL) => {
    const history = useHistory()
    const [{ accessToken }] = useAuthState()

    const callApi = useCallback(
        async ({ headers, ...rest }) => {
            try {
                const { data } = await axios({
                    baseURL: baseUrl,
                    headers: {
                        'Content-Type': 'application/json',
                        Authorization: `Bearer ${accessToken}`,
                        ...headers,
                    },
                    ...rest,
                    validateStatus: (status) => status >= 200 && status <= 299,
                })
                return data
            } catch (err) {
                if (err && err.response && err.response.status === 401) {
                    history.push(`${appConfig.APP_SUBPATH}/sessionExpired`)
                } else if (err && err.response && err.response.status === 503) {
                    history.push(`${appConfig.APP_SUBPATH}/underMaintenance`)
                }
                throw err
            }
        },
        [accessToken],
    )

    return callApi
}
export default useAxios

export const useGetItems = () => {
    const callApi = useAxios()

    return useQuery(ALL_ITEMS_KEY, () =>
        callApi({
            method: 'GET',
            url: 'api/v1/items',
        }).then((data) => data.data),
    )
}

问题：令牌刷新后，react-query仍然使用旧令牌重新获取无效的查询，导致***401 UnAuthorized***，尽管状态中的令牌也已更新。
为什么react-query在刷新后仍在使用旧的token？如何防止react-query使用旧的token？

**编辑：**我知道react-query不会因为token更新而自动重取，但是如果查询被标记为无效，则会自动重取，如下图所示。在这种情况下，它会使用第一次调用时使用的旧过期token

queryCache.invalidateQueries((x) => x.queryKey.includes(ALL_ITEMS_KEY))