.eslintrc

{
  "root": true,
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 7,
    "sourceType": "module"
  },
  "env": {
    "es6": true,
    "browser": true,
    "node": true,
    "jest": true
  },
  "plugins": [
    "react",
    "react-hooks",
    "emotion"
  ],
  "extends": [
    "eslint:recommended",
    "plugin:import/errors",
    "plugin:import/warnings"
  ],
  "rules": {
    "no-console": "off",
    "linebreak-style": "off",
    "import/extensions": "off",
    "import/no-default-export": "off",
    "import/no-unresolved": "off",
    "import/prefer-default-export": "off",
    "react/display-name": 0,
    // Prevent missing displayName in a React component definition
    //    "react/jsx-quotes": [2, "double", "avoid-escape"], // Enforce quote style for JSX attributes
    "react/jsx-no-undef": 2,
    // Disallow undeclared variables in JSX
    "react/jsx-sort-props": 0,
    // Enforce props alphabetical sorting
    "react/jsx-uses-react": 2,
    // Prevent React to be incorrectly marked as unused
    "react/jsx-uses-vars": 2,
    // Prevent variables used in JSX to be incorrectly marked as unused
    "react/no-did-mount-set-state": 2,
    // Prevent usage of setState in componentDidMount
    "react/no-did-update-set-state": 2,
    // Prevent usage of setState in componentDidUpdate
    "react/no-multi-comp": 0,
    // Prevent multiple component definition per file
    "react/no-unknown-property": 2,
    // Prevent usage of unknown DOM property
    //    "react/prop-types": 2, // Prevent missing props validation in a React component definition
    "react/react-in-jsx-scope": 2,
    // Prevent missing React when using JSX
    "react/self-closing-comp": 2,
    // Prevent extra closing tags for components without children
    //    "react/wrap-multilines": 2, // Prevent missing parentheses around multilines JSX

    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn"
  }
}