Batch requests triggered multiple http requests and wait all finish

I have a operation like this

query AnOperation ($input) {
    first: getData (input: $input) {
          name
    }
    second: getData (input: $input) {
          name
    }
}

When I use useQuery to query the data, the useQuery will sent multiple Http requests and wait all complete to turn loading to false.

const Component = () => {
     const { data, loading } = useQuery(AnOperationDocument, {input: ..})
     return null
}

Is there any reason which may cause this issue. Appreciate any help. Thanls

This should not be the case. Can you create a minimal reproduction for this?