title: NextJs - Refetch Apollo query on an event
body: <p>I have an Apollo Client which is called under the <code>getServerSideProps</code></p>
  <pre><code>export const getServerSideProps: GetServerSideProps = async (context) =&gt; {
    const { data } = await searchApolloClient.query({
      query: LIST_QUERY,
      variables: {
        language: 'en',
      },
    });
  
    return {
      props: {
        listProps: data,
      },
    };
  };
  </code></pre>
  <p>Now when I change a dropdown option I want to pass it's id as a variable to this query and refetch the new results without refreshing the page. In Apollo's documentation I found the <a href="https://www.apollographql.com/docs/react/data/queries/#manual-execution-with-uselazyquery" rel="nofollow noreferrer">useLazyQuery</a> which works fine on the client side.</p>
  <p>I want to know if there is a way to refetch the data with new variables on the server-side itself.</p>