App Router移行時に0.01%の確率でCSR遷移が404エラーになる - とろろこんぶろぐ

概要 Pages Router から App Router 移行時に一部既存の画面での CSR 遷移が 404 エラーになりました。 この件について調査したので、記事にしてまとめておきます。 前提 今回発生したバグの内容の再現環境の特徴として、以下が挙げられます。 Next v13.5.6 Base path の設定あり App Router と Pages Router が共存している Base Path について Base Path の設定は next.config.js に以下のような記載があると、 module.exports = { basePath: '/base', } /pages/examples.tsx で配置したページコンポーネントが、 URL /base/examples で閲覧できるようになるものです。 また以下のような Link コンポーネントは、自動的に Ne

[efcl]

Next.jsではApp RouterとPages Routerが共存しているときは、パスがどちらのRouterかを判定するのに Bloom Filter を利用している。 この判定は確率的に判定ミスをするが、その際にはハードナビゲーションするため本来は問題が起きな

[shingo-sasaki-0529]

0.01% の再現性のなさが辛いなぁ。でもこうやって積極的に AppRouter を採用してくれてトラブル対応の先行事例を公開してくれるのは良い。

[poad1010]

この記事をおすすめしました

[yosuke_furukawa]

面白かった。