You have opted-out of Automatic Static Optimization due to getInitialProps in pages/_app even when not using getInitialProps

[SoorajChandran]

When I build the code I get the following warning.

Warning: You have opted-out of Automatic Static Optimization due to `getInitialProps` in `pages/_app`. This does not opt-out pages with `getStaticProps

and all the pages are server-side rendered.

However, my _app.js looks like this.
From a bit of research, I understood that it could be because of the next-with-apollo I'm using.

And I have to pass ssr: false to undo it. Even with this still builds and gives the same error message.

Here is my apollo-client.js

const GRAPHQL_URL = 'https://obscure-wildwood-40589.herokuapp.com/graphql'

const token = cookie.get('token') || ''

export const clientFn = ({ initialState, ctx } = {}) =>
  new ApolloClient({
    link: createHttpLink({
      fetch,
      uri: GRAPHQL_URL,
      headers: {
        authorization: ctx ? `Bearer ${nextCookie(ctx).token}` : `Bearer ${token}`,
      },
    }),
    cache: new InMemoryCache()
      //  rehydrate the cache using the initial data passed from the server:
      .restore(initialState || {}),
  })

export default withApollo(clientFn)

And below is my `_app.js`
class MyApp extends App {
  render() {
    const { Component, pageProps, apollo } = this.props

    return (
      <ApolloProvider client={apollo}>
        <ToastProvider placement="bottom-center">
          <Component {...pageProps} />
        </ToastProvider>
      </ApolloProvider>
    )
  }
}

// Wraps all components in the tree with the data provider
export default withData(MyApp, {ssr: false})

What am I doing wrong?

Also if I apply ssr:false globally and if it works, how can I make a few page SSR.