useQuery only resends the query if options.variables change

[bmullan91]

Environment

• graphql-hooks version: 3.1.0
• react version: 16.8.3
• Browser:

Description

The when calling useQuery(query, options) with different options for example operationName or fetchOptions it does not re-send the query.

How to reproduce

const QUERY = `
  query Operation1 {
    hello
  }

  query Operation2 {
    goodbye
  }
`

// example component that might change operationName based on prop
function MyComponent({ operationName }) {
  const { loading, error, data } = useQuery(QUERY, { options: { operationName } })
}

Suggested solution (optional)

// current
React.useEffect(() => {
    queryReq();
  }, [query, JSON.stringify(opts.variables)]);

// fix
React.useEffect(() => {
    queryReq();
  }, [query, JSON.stringify(opts)]);