title: next-with-apollo, SSR does not work, request is done on client
body: <p>I have very short code, where I am trying to use <a href="https://github.com/lfades/next-with-apollo" rel="nofollow noreferrer">https://github.com/lfades/next-with-apollo</a> , next-with-apolo.
  But the SSR does not work in my case, and I am still doing client call, maybe someone can guide me.</p>
  <p>My with apollo -&gt;</p>
  <pre><code>import withApollo from &quot;next-with-apollo&quot;;
  import ApolloClient, { InMemoryCache } from &quot;apollo-boost&quot;;
  import { ApolloProvider } from &quot;@apollo/react-hooks&quot;;
  
  export default withApollo(
    ({ initialState }) =&gt; {
      return new ApolloClient({
        uri: &quot;http://localhost:4000/graphql&quot;,
        credentials: &quot;include&quot;,
        cache: new InMemoryCache().restore(initialState || {}),
      });
    },
    {
      render: ({ Page, props }) =&gt; {
        return (
          &lt;ApolloProvider client={props.apollo}&gt;
            &lt;Page {...props} /&gt;
          &lt;/ApolloProvider&gt;
        );
      },
    }
  );
  </code></pre>
  <p>And the page it self</p>
  <pre><code>import gql from &quot;graphql-tag&quot;;
  import { useQuery } from &quot;@apollo/react-hooks&quot;;
  import withApollo from &quot;../../HOC/withApollo&quot;;
  import { getDataFromTree } from &quot;@apollo/react-ssr&quot;;
  
  const QUERY = gql`
    {
      me {
        user {
          email
        }
      }
    }
  `;
  
  const Profile = () =&gt; {
    const { data } = useQuery(QUERY);
  
    console.log(data);
  
    return &lt;div&gt;{data?.me.user?.email}&lt;/div&gt;;
  };
  
  export default withApollo(Profile, { getDataFromTree });
  </code></pre>
  <p>But the request is still being done in the client.</p>