Warning: You have opted-out of Automatic Static Optimization after following with-redux-wrapper example

[ghost]

Hey everyone! I followed redux-with-wrapper example and when I finally built my project I keep seeing this:

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

Is this intended to happen? I am 100% sure there's no getInitialProps in my _app file :(

Here's the code of my app file:

type Props = {
  login: typeof login;
  user: IDashUser | null;
};

const mapDispatchToProps = (dispatch: Dispatch) => {
  return {
    login: bindActionCreators(login, dispatch),
  };
};

const mapStoreToState = (store: any) => {
  return {
    user: store.user,
  };
};

class MyApp extends App<Props> {
  async componentDidMount() {
    // Log In the client
    const { login, user } = this.props;
    if (!user) {
      login();
    }

    // Remove the server-side injected CSS.
    const jssStyles = document.querySelector("#jss-server-side");
    if (jssStyles) {
      jssStyles.parentElement!.removeChild(jssStyles);
    }
  }

  public render() {
    const { Component, pageProps } = this.props;

    return (
      <Fragment>
        <CssBaseline />
        <Component {...pageProps} />
      </Fragment>
    );
  }
}

export default wrapper.withRedux(connect(mapStoreToState, mapDispatchToProps)(MyApp));

[zlwaterfield]

The next-redux-wrapper lib uses getInitialProps under the hood when you wrap the _app.js: https://github.com/kirill-konshin/next-redux-wrapper#app.

If you want to take advantage of the Automatic Static Optimization then you should you the per page wrapper with the hydration that @kirill-konshin built-in in version 6: https://github.com/kirill-konshin/next-redux-wrapper#usage

[ghost]

Ohh, I see. Thanks for the explanation!