.eslintrc.js

// eslint-disable-next-line import/no-commonjs
module.exports = {
  globals: {
    cy: "readonly",
    Cypress: "readonly",
    jest: "readonly",
  },
  extends: ["react-app", "react-app/jest"],
  parser: "@typescript-eslint/parser",
  plugins: ["@typescript-eslint", "import"],
  env: {
    "jest/globals": true,
  },
  rules: {
    "no-empty-pattern": 2,
    "import/no-useless-path-segments": 2,
    "import/export": 2,
    "import/no-unused-modules": 2,
    "import/no-amd": 2,
    "import/no-commonjs": 2,
    "import/first": 2,
    "import/exports-last": 0,
    "import/no-duplicates": 2,
    "import/no-namespace": 0,
    "import/order": 2,
    "import/newline-after-import": 2,
    "import/prefer-default-export": 0,
    "react/jsx-boolean-value": 2,
    "react/jsx-key": 2,
    "react/jsx-no-bind": [2, { allowArrowFunctions: true }],
    "react/jsx-no-comment-textnodes": 2,
    "react/jsx-no-duplicate-props": 2,
    "react/jsx-no-useless-fragment": 2,
    "react/jsx-pascal-case": 2,
    "react/function-component-definition": [
      2,
      {
        namedComponents: "arrow-function",
        unnamedComponents: "arrow-function",
      },
    ],
    "jsx-quotes": [2, "prefer-double"],
    "react/no-access-state-in-setstate": 2,
    "react/no-array-index-key": 2,
    "react/no-children-prop": 2,
    "react/no-danger": 2,
    "react/no-danger-with-children": 2,
    "react/no-deprecated": 2,
    "react/no-did-mount-set-state": 2,
    "react/no-did-update-set-state": 2,
    "react/no-direct-mutation-state": 2,
    "react/no-find-dom-node": 2,
    "react/no-is-mounted": 2,
    "react/no-multi-comp": [2, { ignoreStateless: true }],
    "react/no-redundant-should-component-update": 2,
    "react/no-string-refs": 2,
    "react/no-this-in-sfc": 2,
    "react/no-typos": 2,
    "react/no-unescaped-entities": 2,
    "react/no-unknown-property": 2,
    "react/no-unsafe": 2,
    "react/no-unused-state": 2,
    "react/prefer-stateless-function": 2,
    "react/self-closing-comp": 2,
    "react/jsx-curly-brace-presence": [
      2,
      { props: "never", children: "never" },
    ],
  },
};