Next.jsを使った個人開発を進めている際に、新しいコンポーネントを作ろうとしていたところ、Component definition is missing display nameと怒られてしまった。
後述の「素直にコンポーネントにdisplay nameをつけてあげる」という解決策は他に記事として既存であったが、eslint側でまとめてルールを変えたいときの解決方法が見つからなかったので解決策1に記した。
解決策1 eslintの設定を変更する
.eslintrc.js
...
rules:{
...
'react/display-name': 'off'
}
...
と追記してやる。テキストエディタを再起動すると、エラー解消。
解決策2 素直にコンポーネントにdisplay nameをつけてあげる
以下の記事にて当方法による指針が示されていたので、リンクをこちらに。
その他参考