.eslintrc

{
  "root": true,
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": "./tsconfig.json"
  },
  "plugins": ["prettier", "@typescript-eslint"],
  "settings": {
    "import": {
      "parsers": {
        "@typescript-eslint/parser": [".ts", ".tsx"]
      },
      "resolver": {
        "typescript": true
      }
    },
    "react": {
      "version": "detect"
    }
  },
  "extends": [
    "eslint:recommended",
    "prettier",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:import/recommended",
    "plugin:import/typescript",
    "plugin:react/recommended",
    "plugin:react/jsx-runtime",
    "plugin:react-hooks/recommended",
    "plugin:jsx-a11y/recommended",
    "plugin:@figma/figma-plugins/recommended"
  ],
  "rules": {
    "@typescript-eslint/no-shadow": 2,
    "import/no-unresolved": [2, { "ignore": ["\\?(?:worker&)*url$"] }],
    "import/order": [
      2,
      {
        "alphabetize": {
          "order": "asc"
        },
        "newlines-between": "always",
        "groups": ["builtin", "external", "internal", "parent", "sibling", "index", "object", "type"],
        "pathGroups": [
          {
            "pattern": "react",
            "group": "builtin",
            "position": "before"
          },
          {
            "pattern": "{.,..,../..}/**/types",
            "group": "type",
            "position": "after"
          }
        ],
        "pathGroupsExcludedImportTypes": ["react"]
      }
    ],
    "prettier/prettier": 1,
    "react/jsx-fragments": [1, "syntax"],
    "react/destructuring-assignment": [1, "always"],
    "react/function-component-definition": [1, { "namedComponents": "arrow-function" }]
  }
}