Eslint React Config

WILD Eslint configuration for React based projects - .tsx and .jsx.

Installation

To use it in your project, you need to install the peerDependencies of this package. We recommend to use install-peerdeps

If you're using npm >=7

peerDependencies should be installed by default

If you're using npm >=5

npx install-peerdeps @madebywild/eslint-config --dev

If you're using npm <5

npm install -g install-peerdeps && install-peerdeps @madebywild/eslint-config --dev

Then add this to a .eslintrc file:

{
  "extends": "@madebywild/eslint-config"
}

Rules

module.exports = {
  extends: ["react-app", "@madebywild/eslint-config-typescript"],
  plugins: ["jsx-a11y", "react-hooks"],
  rules: {
    "react/prop-types": "off",
    "react/react-in-jsx-scope": "off",
    "react/no-unescaped-entities": "off",
    "react/self-closing-comp": "error",
    "jsx-a11y/anchor-is-valid": "warn",
    "jsx-a11y/no-noninteractive-element-interactions": "warn",
    "jsx-a11y/click-events-have-key-events": "warn",
    "jsx-a11y/no-static-element-interactions": "warn",
    "react/no-unknown-property": "warn",
  },
};