react uselazyquery and usequery
// https://www.apollographql.com/docs/react/data/queries/#executing-queries-manually
When React mounts and renders a component that calls the useQuery hook,
Apollo Client automatically executes the specified query. But what if
you want to execute a query in response to a different event,
such as a user clicking a button? The useLazyQuery hook is perfect
for executing queries in response to events other than component
rendering. This hook acts just like useQuery, with one key exception:
when useLazyQuery is called, it does not immediately execute its
associated query. Instead, it returns a function in its result
tuple that you can call whenever you're ready to execute the query.