LoginSignup
6
5

More than 1 year has passed since last update.

@enomoto11(Togo Enomoto)in株式会社Catallaxy

Component definition is missing display nameとeslintに怒られたときの対処

Posted at

Next.jsを使った個人開発を進めている際に、新しいコンポーネントを作ろうとしていたところ、Component definition is missing display nameと怒られてしまった。

後述の「素直にコンポーネントにdisplay nameをつけてあげる」という解決策は他に記事として既存であったが、eslint側でまとめてルールを変えたいときの解決方法が見つからなかったので解決策1に記した。

解決策1　eslintの設定を変更する

.eslintrc.js
...
rules:{
    ...
    'react/display-name': 'off'
}
...

と追記してやる。テキストエディタを再起動すると、エラー解消。

解決策2　素直にコンポーネントにdisplay nameをつけてあげる

以下の記事にて当方法による指針が示されていたので、リンクをこちらに。

その他参考

6
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
6
5