Next.js 13.4中NotFound组件内链接无法跳转至首页的问题求助

大家好，我最近在Next.js 13.4的app目录下创建了一个not-found.tsx组件，当输入错误路由时它能正常触发显示，代码如下：

import Link from 'next/link'

function NotFound() {
  return (
    <section>
      404, page not found
      <br/>
      <Link href="/">Back to HomePage</Link>
    </section>
  )
}

export default NotFound

但遇到一个奇怪的问题：当我点击组件里的「Back to HomePage」链接想返回首页时，页面还是停留在404页面。我甚至尝试用useRouter来手动导航，结果依然没变化。后来我留意到，这个not-found.tsx是和首页文件放在同一个app目录下的，会不会是这个结构导致的问题？

想请教一下各位，我该怎么实现从NotFound组件成功跳转到首页呢？

备注：内容来源于stack exchange，提问作者Charles Ayomike