.eslintrc.json

{
	"env": {
		"browser": true,
		"es2021": true
	},
	"extends": ["plugin:react/recommended", "airbnb"],
	"parser": "@typescript-eslint/parser",
	"parserOptions": {
		"ecmaFeatures": {
			"jsx": true
		},
		"ecmaVersion": "latest",
		"sourceType": "module"
	},
	"plugins": ["react", "@typescript-eslint", "react-hooks"],
	"globals": {
		"NodeJS": true
	},
	"rules": {
		"react/display-name": "off",
		"react-hooks/exhaustive-deps": "warn",
		"react-hooks/rules-of-hooks": "warn",
		"object-curly-newline": "off",
		"max-len": ["warn", { "code": 120 }],
		"arrow-parens": "off",
		"indent": ["error", "tab"],
		"no-tabs": ["error", { "allowIndentationTabs": true }],
		"no-unused-expressions": ["warn", { "allowShortCircuit": true }],
		"no-unused-vars": "warn",
		"react/function-component-definition": [
			2,
			{ "namedComponents": "arrow-function", "unnamedComponents": "arrow-function" }
		],
		"react/jsx-filename-extension": ["warn", { "allow": "as-needed", "extensions": [".jsx", ".tsx"] }],
		"import/prefer-default-export": "off",
		"import/extensions": [0, "never"],
		"import/resolver": {
			"node": {
				"extensions": [".js", ".jsx", ".ts", ".tsx"]
			}
		},
		"import/no-anonymous-default-export": [
			"warn",
			{
				"allowArray": true,
				"allowArrowFunction": true,
				"allowAnonymousClass": true,
				"allowAnonymousFunction": true,
				"allowCallExpression": true,
				"allowLiteral": true,
				"allowObject": true
			}
		]
	}
}