Remounting shared layout when using route params

[Krukar]

When navigating to a page that contains a route param, Next will remount the entire layout. If there are any animations present this will trigger them on every page navigation instead of on initial site load.

To Reproduce

My _app.js

`class CustomApp extends App {
render() {
const { Component, pageProps } = this.props;

    return (
        <div className={`page page--${pageProps.slug}`}>
            <Header />

            <main className="main" role="main">
                <Component {...pageProps} />
            </main>

            <Footer />
        </div>
    );
}

}`

Link that will trigger a remount

<Link href="/product/handle"><a>{props.link_text}</a></Link>

Link that will not trigger a remount

<Link href="/product"><a>{props.link_text}</a></Link>

Expected behavior

The shared layout should not remount on navigation with route params.

System information

• OS: Ubuntu
• Browser: Chrome
• Version of Next.js: 9.3.6
• Version of Node.js: 12.16.1

Additional context

It appears #4653 is a similar issue.

There are suggetions to use a query or to handle the route programatically. They appear to be working but the Link component should provide this functionality as well.