.eslintrc.json

{
  "env": {
    // Browser global variables like `window` etc.
    "browser": true,
    // CommonJS global variables and CommonJS scoping.Allows require, exports and module.
    "commonjs": true,
    // Enable all ECMAScript 6 features except for modules.
    "es6": true,
    // Jest global variables like `it` etc.
    "jest": true,
    // Defines things like process.env when generating through node
    "node": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:react/recommended",
    "plugin:jsx-a11y/recommended",
    "plugin:react-hooks/recommended",
    "plugin:jest/recommended",
    "plugin:testing-library/react",
    "plugin:react/jsx-runtime",
    "plugin:typescript-sort-keys/recommended",
    "plugin:storybook/recommended"
  ],
  "root": true,
  "ignorePatterns": ["**/*"],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    // Allows for the parsing of modern ECMAScript features
    "ecmaVersion": 2018,
    // Allows for the use of imports
    "sourceType": "module"
  },
  "plugins": [
    "@nx",
    "@typescript-eslint",
    "import",
    "sort-keys-fix",
    "typescript-sort-keys"
  ],
  "overrides": [
    {
      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
      "rules": {
        "@nx/enforce-module-boundaries": [
          "error",
          {
            "enforceBuildableLibDependency": true,
            "allow": [],
            "depConstraints": [
              {
                "sourceTag": "*",
                "onlyDependOnLibsWithTags": ["*"]
              }
            ]
          }
        ]
      }
    },
    {
      "files": ["*.ts", "*.tsx"],
      "extends": ["plugin:@nx/typescript"],
      "rules": {
        "testing-library/prefer-screen-queries": 0,
        "comma-dangle": [
          "error",
          {
            "arrays": "always-multiline",
            "exports": "only-multiline",
            "functions": "never",
            "imports": "only-multiline",
            "objects": "only-multiline"
          }
        ],
        "eol-last": "error",
        "import/order": [
          "warn",
          {
            "groups": [
              "builtin",
              "external",
              "index",
              "sibling",
              "parent",
              "internal"
            ]
          }
        ],
        "jsx-quotes": ["warn", "prefer-double"],
        "max-len": [
          "warn",
          {
            "code": 120,
            "ignorePattern": "d=\"([\\s\\S]*?)\""
          }
        ],
        "no-console": "warn",
        "no-debugger": "warn",
        "no-duplicate-imports": "warn",
        "no-unused-vars": "off",
        "object-curly-spacing": ["warn", "always"],
        "quotes": ["warn", "double"],
        "react/jsx-curly-spacing": [
          "error",
          {
            "allowMultiline": true,
            "children": {
              "when": "always"
            },
            "spacing": {
              "objectLiterals": "always"
            },
            "when": "always"
          }
        ],
        "react/jsx-filename-extension": [
          "error",
          {
            "extensions": [".js", ".jsx", ".ts", ".tsx"]
          }
        ],
        "react/jsx-sort-props": [
          2,
          {
            "callbacksLast": true,
            "shorthandFirst": false,
            "shorthandLast": true,
            "ignoreCase": true,
            "noSortAlphabetically": false
          }
        ],
        "react/prop-types": "warn",
        "semi": "warn",
        "sort-imports": [
          "warn",
          {
            "ignoreCase": false,
            "ignoreDeclarationSort": true,
            "ignoreMemberSort": false
          }
        ],
        "sort-keys-fix/sort-keys-fix": [
          "error",
          "asc",
          { "caseSensitive": true, "natural": false }
        ]
      },
      "settings": {
        "react": {
          // Detect react version
          "version": "detect"
        }
      }
    },
    {
      "files": ["*.js", "*.jsx"],
      "extends": ["plugin:@nx/javascript"],
      "rules": {}
    }
  ]
}