.eslintrc.json

{
	"parser": "@typescript-eslint/parser",
	"extends": [
		"next",
		"next/core-web-vitals",
		"plugin:react/recommended",
		"plugin:@typescript-eslint/recommended",
		"plugin:import/recommended",
		"plugin:import/typescript",
		"prettier", // Disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier.
		"plugin:prettier/recommended" // Enables eslint-plugin-prettier and displays prettier errors as ESLint errors. Make sure this is always used last.
	],
	"plugins": ["prettier", "import", "simple-import-sort", "@typescript-eslint"],
	"parserOptions": {
		"ecmaVersion": "latest",
		"sourceType": "module",
		"ecmaFeatures": {
			"jsx": true
		}
	},
	"rules": {
		"@typescript-eslint/ban-ts-comment": "off",
		"@typescript-eslint/no-explicit-any": "off",
		"@typescript-eslint/no-var-requires": "off",
		"@typescript-eslint/no-unused-vars": "warn",
		"react/react-in-jsx-scope": "off", // Next.js includes it by default
		"prettier/prettier": "warn",
		"import/first": "error",
		"import/newline-after-import": "error",
		"import/no-duplicates": "error",
		"import/no-named-as-default": "error",
		"import/no-unresolved": "warn",
		"simple-import-sort/imports": "error",
		"simple-import-sort/exports": "warn"
	},
	"overrides": [
		// Turn off prop type errors for Next.js pages, due to complexity with TS
		{
			"files": ["src/app/**/*.tsx"],
			"rules": {
				"react/prop-types": "off"
			}
		}
	],
	"settings": {
		"react": {
			"version": "detect"
		}
	}
}