.eslintrc.json

{
	"env": {
		"browser": true,
		"es2021": true
	},
	"extends": [
		"eslint:recommended",
		"plugin:react/recommended",
		"plugin:import/recommended",
		"plugin:import/typescript",
		"plugin:@typescript-eslint/recommended",
		"airbnb",
		"prettier"
	],
	"plugins": ["react", "@typescript-eslint", "prettier", "import"],
	"parser": "@typescript-eslint/parser",
	"parserOptions": {
		"ecmaFeatures": {
			"jsx": true
		},
		"ecmaVersion": "latest",
		"sourceType": "module",
		"tsconfigRootDir": "./",
		"project": "./tsconfig.json"
	},
	"rules": {
		"react/react-in-jsx-scope": "off",
		"react/jsx-filename-extension": [1, { "extensions": [".jsx", ".tsx"] }],
		"prettier/prettier": "error",
		"@typescript-eslint/no-unused-vars": "error",
		"import/prefer-default-export": "off",
		"import/extensions": "off",
		"import/order": [
			"error",
			{
				"alphabetize": {
					"order": "asc"
				},
				"groups": ["builtin", "external", "internal"],
				"newlines-between": "always",
				"pathGroups": [
					{
						"group": "internal",
						"pattern": "@**/**",
						"position": "before"
					}
				],
				"pathGroupsExcludedImportTypes": ["internal"]
			}
		]
	},
	"settings": {
		"react": {
			"version": "detect"
		},
		"import/resolver": {
			"node": {
				"extensions": [".js", ".jsx", ".ts", ".tsx"]
			}
		}
	}
}