Link params not working

I have tried the following combos:

With href: works, but reloads the whole page and says 404 for 3 seconds. <Link href={'/blog/'+post.id}><a>{post.title}</a></Link>

With params: The href looks good, but clicking the link throw an error (see below). <Link route='blog/entry' params={{id: post.id}}><a>{post.title}</a></Link>

With to: The href looks good, but clicking the link throw an error (see below). <Link to={'/blog/'+post.id}><a>{post.title}</a></Link>

Error:

TypeError: Cannot read property 'id' of undefined
    at Post (http://localhost:3000/_next/1509617163196/page/blog/entry:43023:55)
    at mountIndeterminateComponent (http://localhost:3000/_next/1509617163196/commons.js:10406:15)
    at beginWork (http://localhost:3000/_next/1509617163196/commons.js:10607:16)
    at performUnitOfWork (http://localhost:3000/_next/1509617163196/commons.js:12579:16)
    at workLoop (http://localhost:3000/_next/1509617163196/commons.js:12688:28)
    at HTMLUnknownElement.callCallback (http://localhost:3000/_next/1509617163196/commons.js:1305:14)
    at Object.invokeGuardedCallbackDev (http://localhost:3000/_next/1509617163196/commons.js:1344:16)
    at invokeGuardedCallback (http://localhost:3000/_next/1509617163196/commons.js:1201:27)
    at performWork (http://localhost:3000/_next/1509617163196/commons.js:12806:7)
    at scheduleUpdateImpl (http://localhost:3000/_next/1509617163196/commons.js:13191:19)

The Link is in components/PostList.js.

Src:

• Branch with href: https://github.com/benevolenttech/apollo-cms
• Branch with params: https://github.com/benevolenttech/apollo-cms/tree/link-params-test2
• Branch with to: https://github.com/benevolenttech/apollo-cms/tree/link-params-test3

[mergebandit]

FWIW, submitted a PR for null param values (not sure this solves the OPs issue, but is tangentially related)

[fridays]

Hi @bdombro please try to move asynchronous data fetching into getInitialProps, so Next.js will wait with the rendering until all required data (like post object) is available. That should be here in your code: https://github.com/benevolenttech/apollo-cms/blob/link-params-test2b/pages/blog/entry.js#L12