.eslintrc.json

{
	"env": {
		"browser": true,
		"es2021": true
	},
	"extends": ["plugin:react/recommended", "airbnb", "plugin:prettier/recommended"],
	"parserOptions": {
		"ecmaFeatures": {
			"jsx": true
		},
		"ecmaVersion": "latest",
		"sourceType": "module"
	},
	"plugins": ["react", "prettier"],
	"rules": {
		"new-cap": "off",
		"no-new": "off",
		"no-promise-executor-return": "off",
		"no-unsafe-optional-chaining": "off",
		"jsx-a11y/click-events-have-key-events": "off",
		"react/no-unstable-nested-components": ["off", { "allowAsProps": true }],
		"prettier/prettier": "error",
		"no-param-reassign": ["error", { "props": false }],
		"react/function-component-definition": "off",
		"import/no-extraneous-dependencies": "off",
		"react/jsx-props-no-spreading": "off",
		"react/require-default-props": "off",
		"import/prefer-default-export": "off",
		"no-empty-pattern": "off",
		"quotes": ["error", "single"],
		"jsx-quotes": ["error", "prefer-single"],
		"operator-linebreak": "off",
		"object-curly-newline": "off",
		"react/prop-types": "off",
		"import/order": [
			"error",
			{
				"groups": ["builtin", "external", ["parent", "sibling"], "index"],
				"alphabetize": {
					"order": "asc",
					"caseInsensitive": true
				},
				"newlines-between": "always"
			}
		],
		"react/react-in-jsx-scope": "off",
		"import/extensions": [
			"error",
			"ignorePackages",
			{
				"js": "never",
				"jsx": "never",
				"ts": "never",
				"tsx": "never"
			}
		],
		"react/jsx-filename-extension": [
			"error",
			{
				"extensions": [".js", ".jsx", ".ts", ".tsx"]
			}
		]
	},
	"settings": {
		"import/resolver": {
			"node": {
				"paths": ["src"]
			},
			"alias": {
				"map": [["@", "./src"]],
				"extensions": [".js", ".jsx", ".ts", ".tsx"]
			}
		}
	}
}