Next.js嵌套路由布局下自定义not-found.jsx无法生效的问题求助

大家好，我目前正在开发一个Next.js站点，项目里用了两个不同的嵌套路由布局，文件结构如下：

 app
│  (main_content)
│ │  content
│ │ ╰  page.jsx
│ │  layout.jsx
│ │  not-found.jsx
│ ╰  page.jsx
│  (other_content)
│ │  content
│ │ ╰  subpath
│ │   ╰  page.jsx
│ ╰  layout.jsx
│  favicon.ico
╰  globals.css

现在遇到的问题是：自定义的not-found.jsx完全无法触发渲染，任何未识别的路由都会直接显示Next.js默认的404页面，根本不会用我写的这个自定义页面。

我已经尝试过两种调整方式，但都没解决问题：

• 把not-found.jsx直接移到app/根目录下，结果直接报错，提示该文件没有关联到布局
• 尝试在app根目录添加layout文件，结果又出现了 hydration error（水合错误）

有没有朋友遇到过类似的情况？或者知道怎么在这种嵌套路由布局下让自定义404页面正常生效？麻烦指点一下，谢谢！

备注：内容来源于stack exchange，提问作者Zero G