getDataFromTree not working (render to Loading...)

_app.js:

this code render <div>Loading…</div>

import withApollo from 'next-with-apollo';
import { ApolloProvider } from '@apollo/react-hooks';
import ApolloClient, { InMemoryCache } from 'apollo-boost';
import { getDataFromTree } from '@apollo/react-ssr'


const App = ({Component, pageProps, apollo}) => (
  <ApolloProvider client={ apollo }>
    <Component { ...pageProps } />
  </ApolloProvider>
);

export default withApollo(function ({initialState}) {

  return new ApolloClient({
    uri: 'https://api.graph.cool/simple/v1/cixmkt2ul01q00122mksg82pn',
    cache: new InMemoryCache().restore(initialState || {})
  });

}, {getDataFromTree})(App, {getDataFromTree});

[thaisonnguyenbt]

I changed to use 4.3.0 and it render in server side

With 5.0.0 and 5.0.1, page is rendered at client side with “Loading…”

[lakshyasharma14]

Hi, we had a similar issue where we would get Loading instead of the data. Our problem was that we have a custom _document.js file where we do Stylesheet related stuff. Long story short: the apolloState needs to be passed to the app in case you have a custom _document.js file. @adiyathemighty Do you have any sample code for this, I am facing the same issue that AppTree is not showing the query and thus ApolloState is also null. So the client is not making any calls on the server side but doing it on client-side only.