How do I add extra Querykeys to all interfaces?

[vaynevayne]

when gameId from '' to 123, queryClient.invalidateQueries not reinvoke,no any request send

  useEffect(() => {
console.log(gameId) // 123
    queryClient.invalidateQueries({
      predicate: (query) => {
        console.assert(typeof query.queryKey[0] === 'string', 'predicate')
        return ['/accidents', '/report_data', '/costs'].some((str) =>
          query.queryKey[0]?.startsWith?.(str)
        )
      },
    })
  }, [gameId, timezone, attribution])

I didn't add gameId to the queryKey. Will invalidateion execute it to determine if the queryKey has changed? Is there a way to enforce it?

// ./axios.ts
axios.interceptors.request.use(async function (request) {
  await refreshToken()
  const token = localStorage.getItem('token') || ''
  const gameId = destr(sessionStorage.getItem('gameId')) || null

  if (request.headers != null) {
    request.headers['token'] = token
    request.headers['gameId'] = gameId
  }

  return request
})

[vaynevayne]

i find the reason is it not invalidate post request, i create a issue