.eslintrc.json

{
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true,
    "jest": true,
    "node": true
  },
  "extends": [
    "airbnb",
    "airbnb/hooks",
    "airbnb-typescript",
    "eslint:recommended",
    "plugin:eslint-comments/recommended",
    "plugin:import/recommended",
    "plugin:jest/recommended",
    "plugin:jest/style",
    "plugin:jest-dom/recommended",
    "plugin:jest-formatting/recommended",
    "plugin:jsx-a11y/recommended",
    "plugin:lodash/recommended",
    "plugin:promise/recommended",
    "plugin:react/recommended",
    "plugin:react-hooks/recommended",
    "plugin:react-redux/recommended",
    "plugin:security/recommended",
    "plugin:testing-library/react",
    "plugin:@typescript-eslint/recommended",
    "plugin:@typescript-eslint/recommended-requiring-type-checking",
    "plugin:unicorn/recommended",
    "plugin:you-dont-need-lodash-underscore/compatible",
    "prettier"
  ],
  "plugins": ["unicorn", "react", "lodash", "eslint-comments", "@emotion"],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": "./tsconfig.json",
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": "latest",
    "sourceType": "module",
    "requireConfigFile": false,
    "babelOptions": {
      "presets": ["@babel/preset-env", "@babel/preset-react"]
    }
  },
  "root": true,
  "settings": {
    "react": {
      "version": "detect"
    }
  },
  "rules": {
    "no-restricted-imports": [
      "error",
      {
        "paths": [
          {
            "name": "@emotion/react",
            "message": "Please import from @emotion/react/macro."
          },
          {
            "name": "@emotion/styled",
            "message": "Please import from @emotion/styled/macro."
          }
        ],
        "patterns": ["!@emotion/react/macro", "!@emotion/styled/macro"]
      }
    ],
    "unicorn/filename-case": [
      "error",
      {
        "cases": {
          "camelCase": true,
          "pascalCase": true
        }
      }
    ],
    "unicorn/prevent-abbreviations": [
      "error",
      {
        "allowList": {
          "props": true
        }
      }
    ],
    "react/function-component-definition": [
      "error",
      {
        "namedComponents": "arrow-function",
        "unnamedComponents": "arrow-function"
      }
    ],
    "react/prop-types": 0,
    "react/require-default-props": 0,
    "lodash/prefer-constant": 0,
    "lodash/prefer-get": 0,
    "lodash/prefer-includes": 0,
    "lodash/prefer-is-nil": 0,
    "lodash/prefer-lodash-chain": 0,
    "lodash/prefer-lodash-method": 0,
    "lodash/prefer-lodash-typecheck": 0,
    "lodash/prefer-matches": 0,
    "lodash/prefer-noop": 0,
    "lodash/prefer-over-quantifier": 0,
    "lodash/prefer-some": 0,
    "lodash/prefer-startswith": 0,
    "lodash/prefer-times": 0,
    "eslint-comments/disable-enable-pair": ["error", { "allowWholeFile": true }],
    "@emotion/pkg-renaming": "error",
    "@emotion/no-vanilla": "error",
    "@emotion/import-from-emotion": "error",
    "@emotion/styled-import": "error",
    "@emotion/syntax-preference": [2, "object"],
    "react/no-unknown-property": ["error", { "ignore": ["css"] }]
  }
}