Uncaught (in promise) Error: The provided `as` value (/blog/PbAR7Kb2/Edit/) is incompatible with the `href` value

Azure Static Web Apps は、Freeで試せるプログラミングの学習には最高のサービスです。目標ははい、サーバーレス！レスっていったいどうゆうこと？の確認です。Azure Static Web Apps には、GithubでSSGしたサイトをホストすることもできますが、個人用ブログならそれで十分ちゃ十分ですが、やっぱ魅力はAPIを一緒に実装できることでしょう。でもって、Freeプランでもログインできるアプリを作成できるのです。ということで、投稿編集ページを追加してみました。

Nextの動的ルーティングのきまりに従って、編集ページを、/pages/blog/[bid]/edit.tsx に追加して実行したところ、表題のエラーにぶち当たってしまいました。ためしに、/pages/edit/[bid].tsx に移動してみたところ、page not found になってしまいました。で、staticwebapp.config.json のroutesにrewriteルールを追加してみるとページが表示されました。う～～ん？？すっかり混乱してしまいました。原因はの設置をミスしていました。UIにMUIを導入していて、muiのLinkコンポーネントを使用していたのですが、そのMUILinkをnext/linkでラップしてやる必要があるらしいです。

 <NextLink href="/" passHref>
     <MUILink variant="body2">Your Link</MUILink>
 </NextLink>

LinkをLinkでラップする必要があるなんて！思ってもみなかったのです。これってどうなの...　魅力的なの？