Warning: You're using a string directly inside <Link>. This usage has been deprecated. Please add an <a> tag as child of <Link> の対応法

何度も起きていることだが、下書きフォルダに入れっぱなし案件。
定期的に下書きフォルダ見ていくと、大抵公開忘れのポストがいくつか新たに塩漬けになっている気がする。。
ただ、これは書き捨てて的な文章なので、公開していなかっただけかもしれない。

以下、個人的な備忘録。

---

Next.jsを使ってアプリを書いていたときに、 Warning: You're using a string directly inside <Link>. This usage has been deprecated. Please add an <a> tag as child of <Link> というwarningが出た。
読んで字の如しな、warningなので、下記のような修正を施すと消える。

<Link href="/foo">
  {bar}
</Link>

<Link> のなかに <a>も挿入してやる必要がある。

<Link href="/foo">
  <a>{bar}</a>
</Link>

以上。