useQuery generate a loop of API calls in the UI

[bitforcesrl]

i'm using the doc example:

function Test() {
  const {data} = useQuery(['unique', 'key'], async () => {
    const response = await fetch('https://swapi.dev/api/people/2', {
      headers: {
        accept: 'application/json',
      },
    });

    return await response.json();
  });

  return <h1>{data.name}</h1>;
}

i've added Test cmp in the productDetails.client but it works but in the network tab tons of api calls are fired
as i can read here
https://react-query.tanstack.com/overview
it says that we should add <QueryClientProvider client={queryClient}> wrapper but it's not mentioned on hydrogen doc
https://shopify.dev/api/hydrogen/hooks/global/usequery
and the useQuery hook comes from the hydrogen lib not the react-query