How to use UseQuery with useEffect?

Question

How to use UseQuery in React.UseEffect? this is my simple query

  const {allrecord} = useQuery(ME, {
    onCompleted: ({ meTeacher}) => {
      setUser(meIAM);
      getRecords({
        variables: {
          orgId: meIAM.organization.id,
          pagingArg: {},
        },
      }).then(({ data }) => displayRecord(data.record));
    },
  });
  useEffect(() => {
    console.log(allLocations)
  }, []);

Answer 1

The Apollo Client useQuery hook automatically executes the corresponding query when the component renders. This makes it very similar to executing a query in useEffect with no dependencies. Like:

useEffect(() => {
  const data = executeQuery()
}, [])

There's an alternative hook, useLazyQuery which can be used to execute a query in response to some event, like a button press.