CTX undefined

Trying to use your example with apollo-boost while setting an authorization header, but contect ctx always seems to be undefined?

How do I require context while still using your HOC?

// apollo.js
import withApollo from 'next-with-apollo';
import ApolloClient from 'apollo-boost';
import getConfig from 'next/config';
import { getCookieJwt } from './auth';

const { publicRuntimeConfig } = getConfig();

export default withApollo(
  ({ ctx, headers }) => {
    return new ApolloClient({
      uri: `${publicRuntimeConfig.SERVER_URL}/api`,
      request: async operation => {
        const token = await getCookieJwt(ctx); //ctx is undefined
        operation.setContext({
          headers: {
            authorization: token ? `Bearer ${token}` : ''
          }
        });
      }
    });
  },
);

[WickyNilliams]

Honestly, I feel like something more explicit would be better than inferring whether browser or not like this.

[ghost]

It has added the ctx - so yes looks like it addressed the problem. I do now have a new warning in the console below - though its unclear how this should be related to this fix, so ill continue to investigate. Posting here in case it makes sense to you (I don’t get this error using the next example implementation)

index.js:1 Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer’s output format.

Update: this seems reported elsewhere (#60 ) - will review that discussion.

Thankyou for addressing this so quickly all looks good.