TypeError: Cannot read property 'amp' of null

When upgrading from next 8.0.3 to 8.1.0 I get the following error when compiling any page:

 [ error ] TypeError: Cannot read property 'amp' of null
     at Object.renderToHTML (/usr/app/enrola-webapp/node_modules/next-server/dist/server/render.js:169:33)
     at process._tickCallback (internal/process/next_tick.js:68:7)

[zomars]

In my case I solved like this:

const { createServer } = require('http')
const { parse } = require('url')
const next = require('next')

const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()

app.prepare().then(() => {
  createServer((req, res) => {
    // Be sure to pass `true` as the second argument to `url.parse`.
    // This tells it to parse the query portion of the URL.
    const parsedUrl = parse(req.url, true) // <---- I DIDN'T PASS TRUE HERE
    const { pathname, query } = parsedUrl

    handle(req, res, parsedUrl)
  }).listen(3000, err => {
    if (err) throw err
    console.log('> Ready on http://localhost:3000')
  })
})

[elmasse]

To add my 2 cents in here, I had the same issue with 8.1.0 and 9.x the root cause I found in my case was that url.parse returns the urlObject with query=null. Then any default value passed as ( query = {} ) was not defaulted to {} and then the check of query.amp in 9.x throws.

In my case I have a custom server, so it’s quite simple to fix it by just checking for null and making the default to {}.

Not sure thou how to reproduce this in a plain example.