.eslintrc.json

{
  "root": true,
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint"],
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:react/recommended",
    "plugin:react/jsx-runtime",
    "plugin:react-hooks/recommended",
    "plugin:jsx-a11y/recommended",
    "plugin:compat/recommended",
    "plugin:storybook/recommended",
    "prettier"
  ],
  "rules": {
    "no-unused-vars": 0,
    "no-console": 0,
    "no-var": "error",
    "prefer-const": "error",
    "no-new-object": "error",
    "no-else-return": "error",
    "curly": "error",
    "@typescript-eslint/array-type": [
      "warn",
      {
        "default": "array"
      }
    ],
    "@typescript-eslint/no-var-requires": "off",
    "@typescript-eslint/ban-ts-comment": "off",
    "@typescript-eslint/no-explicit-any": "off",
    "@typescript-eslint/no-empty-interface": "off",
    "@typescript-eslint/no-non-null-assertion": "off",
    "react/jsx-fragments": [1, "syntax"],
    "react/destructuring-assignment": [1, "always"],
    "react/boolean-prop-naming": 1,
    "react/function-component-definition": 1,
    "react/hook-use-state": 1,
    "react/jsx-no-useless-fragment": 1,
    "jsx-a11y/media-has-caption": 0,
    "jsx-a11y/anchor-is-valid": 0
  },
  "env": {
    "browser": true
  },
  "globals": {
    "React": "readonly",
    "JSX": "readonly"
  },
  "settings": {
    "react": {
      "version": "detect"
    }
  },
  "overrides": [
    {
      "files": [
        "./src/__tests__/**",
        "./src/**/__tests__/**",
        "./src/**/*.{spec,test}.{js,jsx,ts,tsx}"
      ],
      "plugins": ["vitest"],
      "extends": ["plugin:vitest/recommended"]
    }
  ]
}