Route Events handlers are not being called

Following the instructions in README to listen to route events doesn’t work

• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

It should be called and I should see the console logs

Current Behavior

Nothing

Steps to Reproduce (for bugs)

1. Add the code (either in pages/*.js or pages/_document.js)

// onRouteChangeStart(url) - Fires when a route starts to change
Router.onRouteChangeStart = (url) => {
  console.log('App is changing to: ', url)
}

// onRouteChangeComplete(url) - Fires when a route changed completely
Router.onRouteChangeComplete = (url) => {
  console.log('App has changed to: ', url)
}

// onRouteChangeError(err, url) - Fires when there's an error when changing routes
Router.onRouteChangeError = (err, url) => {
  console.log('App has error when changing: ', err, url)
}

// onBeforeHistoryChange(url) - Fires just before changing the browser's history
Router.onBeforeHistoryChange = (url) => {
  console.log('App is changing to before history change: ', err, url)
}

// onAppUpdated(nextRoute) - Fires when switching pages and there's a new version of the app
Router.onAppUpdated = (nextRoute) => {
  console.log('App is updating to: ', nextRoute)
}

1. Refresh the page, and click around and add some Router.push events
2. Nothing in inspector
3. ??

Context

I can’t use this to track pageviews for my in-house analytics system.

Your Environment

Tech	Version
next	2.4.6
node	8.1.3
OS	10.12.5
browser	chrome 60.0.3112.72 (Official Build) beta (64-bit)
etc

[Ponjimon]

I currently have the problem that onRouteChangeStart is called, but onRouteChangeComplete is not despite the fact that I visually see the changes e.g. it successfully changed the route…

What can I do?

[pencilcheck]

Thanks, will test again later.