.eslintrc.json

{
	"root": true,
	"parser": "@typescript-eslint/parser",
	"plugins": ["react", "react-hooks", "prettier", "@typescript-eslint"],
	"parserOptions": {
		"requireConfigFile": false,
		"ecmaFeatures": {
			"jsx": true
		},
		"ecmaVersion": 2018,
		"sourceType": "module",
		"project": "./tsconfig.json"
	},
	"env": {
		"browser": true,
		"es6": true,
		"node": true
	},
	"ignorePatterns": ["node_modules/"],
	"extends": [
		"airbnb",
		"airbnb/hooks",
		"next/core-web-vitals",
		"plugin:react/recommended", 
		"plugin:@typescript-eslint/recommended",
		"plugin:prettier/recommended"
	],
	"settings": {
		"react": {
			"version": "detect"
		}
	},
	
	"rules": {
		"react/react-in-jsx-scope": "off",
		"no-useless-catch": "off",
		"import/no-unresolved": "off",
		"@typescript-eslint/semi": "off",
		"import/prefer-default-export": "off",
		"import/no-extraneous-dependencies": ["error", {"devDependencies": false, "optionalDependencies": false, "peerDependencies": false}],
		"react/prop-types": "off",
		"react/jsx-props-no-spreading": 0,
		"react/prefer-stateless-function": "error",
		"react/jsx-one-expression-per-line": "error",
		"no-nested-ternary": "error",
		"react/jsx-filename-extension": ["warn", { "extensions": [".js", ".jsx", ".ts", ".tsx"] }],
		"import/extensions": ["error", "never"],
		"react/function-component-definition": [
			2,
			{
			  "namedComponents": "arrow-function",
			  "unnamedComponents": "arrow-function"
			}
		],
		"react/require-default-props": "off",
		"prettier/prettier": [
			"error",
			{
			  "arrowSpacing": ["error", { "before": true, "after": true }], 
			  "singleQuote": true, 
			  "semi": true, 
			  "useTabs": false, 
			  "tabWidth": 2, 
			  "trailingComma": "none", 
			  "printWidth": 100, 
			  "bracketSpacing": true, 
			  "arrowParens": "always", 
			  "endOfLine": "auto" 
			}
		  ]
	}
}