Next.js: Router.beforePopState is not a function

[adonig]

Bug report

Describe the bug

Router.beforePopState is not a function.

To Reproduce

Add a pages/_app.js like this:

import React from "react";
import App, { Container } from "next/app";
import { Router } from "next/router";

class MyApp extends App {
  componentDidMount() {
    Router.beforePopState(({ url, as, options }) => {
      console.log("beforePopState", url, as, options);
      return true;
    });
  }

  render() {
    const { Component, pageProps } = this.props;

    return (
      <Container>
        <Component {...pageProps} />
      </Container>
    );
  }
}

export default MyApp;

Expected behavior

Router.beforePopState should be a function.

Screenshots

System information

• OS: macOS 10.14.6
• Browser: Google Chrome 76.0.3809.100 (Official Build) (64-bit)
• Version of Next.js: 9.0.3

Additional context

I have tried it with React 16.8.6 and 16.9.0 and it happens with both.

[timneutkens]

Your import is wrong

import { Router } from "next/router";

Should be

import Router from "next/router";

[adonig]

Ups. Thanks! 😅