title: Apollo is it possible to clear the data obj after calling useLazyQuery
body: <p>I call an apollo lazy query hook for a search bar that I made and when I clear the data in the search bar I want to clear the data variable from the hook. I cant anything online to see if this is possible or not</p>
  <pre><code>const [
      getAutoComplete,
      { data: autoCompleteItems, loading: loadingAutoComplete },
    ] = useLazyQuery(SEARCH, {
      variables: { limit: 10 },
    });
  </code></pre>
  <p>And I call the <code>getAutoComplete</code> here:</p>
  <pre><code>useEffect(() =&gt; {
      if (searchQuery.length &gt; 1 &amp;&amp; searchQuery !== '') {
        getAutoComplete({ variables: { criteria: searchQuery } });
      }
  
      if (searchFocus &amp;&amp; searchQuery === '') 
        // In here I want to do something like set autoCompleteItems = undefined
        getAutoComplete({ variables: { criteria: '{}' } });
      }
    }, [searchQuery]);
  </code></pre>
  <p>Basically when I clear the searchQuery, the autoCompleteItems variable is still using the previous. But when it is empty I want it to be undefined preferably not even call the api.</p>