Next.js: getInitialProps not working on reload (build)

[kpauletti]

Bug report

Describe the bug

The getInitalProps function does not seem to be running on page reload.
I'm trying to pull the id from this path /approaches/view?id=319, it works when I navigate using links, but once I refresh the page the asPath property is now the path without the query, and the query itself is gone. Any ideas?

const ApproachView = props => <TagView {...props} type="approach" plural="approaches" />;

// ApproachView.getInitialProps = async ({ query: { id }, asPath }) => ({ id, asPath });

ApproachView.getInitialProps = async ctx => {
    console.log('get initial props ran!!');

    return { id: ctx.query.id };
};

export default ApproachView;

To Reproduce

Just reloading the page

Expected behavior

Query and path props should persist on reload

System information

• OS: Linux
• Browser: Chrome
• Version of Next.js: 8.0.3

[timneutkens]

Please provide a reproduction repository. It's probably something in your code but it's hard to say based on the description.

[Timer]

Hi @kpauletti! We're closing this because it has been a few days without a reproduction.

We hope you figured it out! If you still need help, feel free to post letting us know.

Thanks!

[kpauletti]

Hey @Timer , I actually could not figure out the issue, and I was denied posting a reproduction repo since this is company related work. I ended up just duct-taping it for now, checking for query params on reload in my componentDidMount. If I do end up running into this in future projects I'll be sure to go ahead and try to replicate on a public repo. Thanks!

    async componentDidMount() {
        if (!this.props.id || !this.props.tag) {
            const { search } = window.location;
            const { id } = queryString.parse(search);
            const idAsNum = Number(id);
            await this.setState({ id: idAsNum });
            this.fetchTag();
        }
}

[Timer]

@kpauletti sounds good!

[mudin]

I also have the same issue, if I deploy my site statically using export, getInitialProps is not calling in page reload

[timneutkens]

I also have the same issue, if I deploy my site statically using export, getInitialProps is not calling in page reload

Sounds expected, after all you did statically export the app and it was generated at build time.