Static export - initial props on reload

Hi, I have a strange issue

I have created a small repo to reproduce it : https://github.com/mlecoq/nextjs-initialprops-issue

After static export : There is two pages : index & details

In details I want to display query param

import React from 'react';
import Link from 'next/link';

const Details = ({ name }) => <div>Here is my .... name ! {name}</div>;

Details.getInitialProps = async ({ query: { name } }) => {
  return { name };
};

export default Details;

When I click on a link from index (http://localhost) page to details (http://localhost/details/?name=testname), initial props is fired

but when I reload the page, my query param is not displayed in the page, initial props is not called

You ca reproduce the issue here: https://out-fpdblcijhc.now.sh

Your Environment

Tech	Version
next	4.1.4
node	8.9.1
OS	MacOs High Sierra
browser	Chrome

[timneutkens]

In the latest version of Next.js the querystring will be parsed even if a page did export statically.

[drKnoxy]

Holy Moley, the canary branch is pretty different from master. The fix is pretty much the same so I might submit a PR, but trying to run tests crashed my macbook pro and trying to npm link and test it crashed my app… So the canary flag is about right imo 😉

If anyone in the thread cares to patch this for their install… Basically the router for export isn’t getting the query parameter from the client (window.location), and needs to be.

// /node_modules/next/dist/client/index.js:24
var _querystring = require("querystring");

// /node_modules/next/dist/client/index.js:64
nextExport = _window$__NEXT_DATA__.nextExport,
dynamicIds = _window$__NEXT_DATA__.dynamicIds;

// /node_modules/next/dist/client/index.js:164
case 22:
          exports.router = router = (0, _router2.createRouter)(
            page,
            // this line
            nextExport ? (0, _querystring.parse)(location.search.replace(/^\?/, '')) : query,
            asPath, {
              initialProps: props,
              pageLoader: pageLoader,
              App: App,
              Component: Component,
              ErrorComponent: ErrorComponent,
              err: initialErr
            }
          );