Repeat query in graphql on component initialization?

Question

React

I have a query that should only fire when the PAGE state changes.

const { data, error, loading, refetch } = useCatalogPageQuery({
    variables: { page }
  });

But 2 requests are always executed - the first when the component is initialized, and the second when the page is changed, how to make it work only when the page changes?

Tried like this, same situation

useEffect(() => {
    refetch()
  }, [page]);

Answer 1

Answer - you need to set the skip parameter

const { data, error, loading, refetch } = useCatalogPageQuery({
    variables: { page },
    skip: true
  });