next.js app routerのGlobal Errorハンドリング

概要

next.js公式docsにapp/global-error.tsxはグローバルエラーBoundaryと書かれているが、実際には効かなかったため、メモする。

appルータの予期せぬエラー処理

• error.tsx
  • appフォルダのサブフォルダにはerror.tsxを利用
• global-error.tsx
  • appフォルダのサブフォルダにはglobal-error.tsxを利用
  • ルートエラーBoundaryとして特別扱い

実際は

• 自分が使っているnext.js v15.1.4はglobal-error.tsxが効かなかった
• 代わりにerror.tsxが効く

つまり、global-error.tsxの特別扱いがなくなったっぽい。

感想

ルートの特別扱いをやめて、すべてerror.tsxに統一することで、より混乱が少なくて良かったと思う。