shallow: true calls the middleware when using middlewares

[hacknlove]

What version of Next.js are you using?

12.0.7

What version of Node.js are you using?

v16.6.1

What browser are you using?

Crhome, Firefox

What operating system are you using?

Ubuntu

How are you deploying your application?

vercel

Describe the Bug

Shallow: true does not work, when

// pages/some/path.js
  router.push('/some/path', as, { shallow: true })

// /pages/_middleware.js
export function middleware(req) {
  return NextResponse.next()
}

the middleware is executed.

Expected Behavior

The documentation says nothing about middleware.

https://nextjs.org/docs/routing/shallow-routing

I excepted shallow-routing to be pure client-side. Calling the middleware slows down the UX.

If calling the middleware is the right behavior, I think the documentation should be updated, and also a new option might be needed, like {clientOnly: true} to prevent the middleware to be called, when you want a pure client-side interaction.

To Reproduce

https://codesandbox.io/s/happy-shannon-1dd78?file=/pages/index.js

[hacknlove]

For my case use, I workarounded this with

import { resolveHref } from 'next/dist/shared/lib/router/router';

history.pushState(newData, '', resolveHref(null, {
        pathName: xxx
        query: {...}
  }))

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.