Eslint plugin that provides custom rules about displayName for React components.

$ npm install --save-dev eslint-plugin-custom-display-name

and add it to your .eslintrc.

{
  "plugins": ["custom-display-name"],
  "rules": {
    "custom-display-name/display-name-only-exported-component": "error",
    "custom-display-name/prefer-unique-display-name": "error"
  }
}

Welcome your contribution!

See also ESLint/Working with Plugins.

$ git clone git@github.com:nissy-dev/eslint-plugin-custom-display-name.git
$ cd eslint-plugin-custom-display-name
$ npm ci

// run tsc, eslint, prettier
$ npm run lint

// run test
$ npm run test