Client kept initialState

[DCKT]

Hello,

In the example, I found something strange (correct me if I'm wrong) about the state in client after calling getInitialProps in _document from the server.

We dispatch an async action on server to edit tack

// _document.js
static async getInitialProps(ctx) {

        const props = await Document.getInitialProps(ctx);
        const {store, isServer, pathname, query} = ctx;

        console.log(MyDocument.name, '- 2. Cmp.getInitialProps uses the store to dispatch things, pathname', pathname, 'query', query);

        if (isServer) {

            return new Promise((res) => {
                setTimeout(() => {
                    store.dispatch({type: 'TACK', payload: 'server'}); // <--- here
                    res(props);
                }, 200);
            });

        }

        store.dispatch({type: 'TACK', payload: 'client'});

        return props;

    }

So in the tack should be equal to server but it's equal to init.

// index.js
...
render () {
  return  (
    <div>Redux tack: {this.props.tack} (_document)</div>
  )
}

Thanks for your help.

[kirill-konshin]

It seems that you're hitting the known issue vercel/next.js#1267. Per Next.js authors it's better NOT to use _document for that purpose, use HOC instead.

[kirill-konshin]

Closing because of no activity