.eslintrc.json

{
  "root": true,
  "extends": [
    "@gravity-ui/eslint-config",
    "@gravity-ui/eslint-config/import-order",
    "@gravity-ui/eslint-config/client",
    "@gravity-ui/eslint-config/a11y",
    "@gravity-ui/eslint-config/prettier"
  ],
  "plugins": ["eslint-plugin-react-compiler"],
  "rules": {
    "react-compiler/react-compiler": "error",
    "react/jsx-fragments": ["error", "element"],
    "react/react-in-jsx-scope": "off",
    "no-restricted-syntax": [
      "error",
      {
        "selector": "ImportDeclaration[source.value='react'] :matches(ImportNamespaceSpecifier, ImportSpecifier)",
        "message": "Please use import React from 'react' instead."
      },
      {
        "selector": "TSTypeReference>TSQualifiedName[left.name='React'][right.name='FC']",
        "message": "Don't use React.FC"
      }
    ],
    "import/consistent-type-specifier-style": ["error", "prefer-top-level"],
    "@typescript-eslint/consistent-type-imports": [
      "error",
      {"prefer": "type-imports", "fixStyle": "separate-type-imports"}
    ],
    "jsx-a11y/no-autofocus": [
      "error",
      {
        "ignoreNonDOM": true
      }
    ]
  },
  "overrides": [
    {
      "files": ["**/__tests__/**/*.[jt]s?(x)", "**/?(*.)+(spec|test).[jt]s?(x)"],
      "extends": ["plugin:testing-library/react"],
      "env": {
        "node": true,
        "jest": true
      }
    },
    {
      "files": ["**/__stories__/**/*.[jt]s?(x)"],
      "rules": {
        "no-console": "off"
      }
    },
    {
      "files": ["**/*.js", "!src/**/*"],
      "env": {
        "node": true
      }
    }
  ]
}