import * as React from "react";
import { NextContext } from ".";
import { RouterProps } from "./router";

export interface AppComponentProps {
    Component: React.ComponentType<any>;
    pageProps: any;
}

export interface AppComponentContext {
    Component: React.ComponentType<any>;
    router: RouterProps;
    ctx: NextContext;
}

export class Container extends React.Component {}

export default class App<TProps = {}> extends React.Component<TProps & AppComponentProps> {}

import * as React from "react";
import { NextContext } from ".";
import { SingletonRouter } from "./router";

export interface AppComponentProps {
    Component: React.ComponentType<any>;
    pageProps: any;
}

export interface AppComponentContext {
    Component: React.ComponentType<any>;
    router: SingletonRouter;
    ctx: NextContext;
}

export class Container extends React.Component {}

export default class App<TProps = {}> extends React.Component<TProps & AppComponentProps> {}

--- 
+++ 
@@ -1,6 +1,6 @@
 import * as React from "react";
 import { NextContext } from ".";
-import { SingletonRouter } from "./router";
+import { RouterProps } from "./router";
 
 export interface AppComponentProps {
     Component: React.ComponentType<any>;
@@ -9,7 +9,7 @@
 
 export interface AppComponentContext {
     Component: React.ComponentType<any>;
-    router: SingletonRouter;
+    router: RouterProps;
     ctx: NextContext;
 }
 
Fix wrong router Type in app
