react.js next.jsエラーError: Invalid <Link> with <a> child. Please remove <a> or use <Link legacyBehavior>. Learn more: https://nextjs.org/docs/messages/invalid-new-link-with-extra-anchor

[エラー]Error: Invalid with child. Please remove or use . Learn more: https://nextjs.org/docs/messages/invalid-new-link-with-extra-anchorを解決

環境

Mac(M1, 2020)

ぶつかったエラー

翻訳・意味
エラー: の子を持つ が無効です。 を削除するか、 を使用してください。
詳細: https://nextjs.org/docs/messages/invalid-new-link-with-extra-anchor

やったこと

1.aタグを削除した

結果

エラーが解決されリンクが表示された。
詳細についてはこの記事が初学者の自分にとってわかりやすかった。
https://zenn.dev/luvmini511/articles/b5e9f02cadd160