feat!: exclude client mutations from refetch condition (#1178)

* Exclude client from stringified options

Client's own options can be changed by a middleware which makes useQuery repeat the call

* Update useQuery.ts

* test: add test

Author: madshall

packages/graphql-hooks/src/useQuery.ts

@@ -61,7 +61,8 @@ function useQuery<
     setCalledDuringSSR(true)
   }
 
-  const stringifiedAllOpts = JSON.stringify(allOpts)
+  const { client: clientFromOpts, ...allOptsToStringify } = allOpts
+  const stringifiedAllOpts = JSON.stringify(allOptsToStringify)
   React.useEffect(() => {
     if (allOpts.skip) {
       return

packages/graphql-hooks/test-jsdom/unit/useQuery.test.tsx

@@ -379,6 +379,17 @@ describe('useQuery', () => {
     expect(mockClient2.ssrPromises[0]).resolves.toBe('data')
   })
 
+  it('does not run when client headers change', () => {
+    const { rerender } = renderHook(() => useQuery(TEST_QUERY, { client: mockClient }), {
+      wrapper: Wrapper
+    })
+    mockClient.headers = {
+      trace_id: '123'
+    }
+    rerender()
+    expect(mockQueryReq).toHaveBeenCalledTimes(1)
+  })
+
   describe('skip option', () => {
     it('should skip query if `skip` is `true`', () => {
       const queryReqMock = jest.fn()