Shallow选项在我的项目./src/middleware.ts的根目录下的中间件不起作用

浏览器中的链接正在更改，但没有更新页面。
我使用侧边栏中的NextLink在页面之间导航，例如：

<NextLink href='/dashboard' passHref shallow>Dashboard</NextLink>
<NextLink href='/users' passHref shallow>Users</NextLink>
<NextLink href='/users' passHref shallow>Posts</NextLink>

此外，我尝试使用router.push，使用shallow on元素进行导航，如button或div：

<Button onClick={() => router.push('/dashboard', {}, { shallow: true })}>Dashboard</Button>

import { NextResponse, NextMiddleware } from 'next/server';

const PUBLIC_FILE = /\.(.*)$/;
export const middleware: NextMiddleware = (req) => {
  const acceptLanguage =
    req?.headers?.get('accept-language') &&
    req?.headers?.get('accept-language')?.slice(0, 2);

  if (
    req.nextUrl.pathname.startsWith('/_next') ||
    req.nextUrl.pathname.includes('/api/') ||
    PUBLIC_FILE.test(req.nextUrl.pathname)
  ) {
    return;
  }

  if (req.nextUrl.locale === 'default') {
    const newUrl = req.nextUrl.clone();
    
    newUrl.locale = acceptLanguage || 'en';
    
    return NextResponse.redirect(newUrl);
  }
};

"next": "^12.3.4",
"next-translate": "^2.0.4",
"react": "^17.0.2",
"react-dom": "^17.0.2"