.eslintrc.json

{
	"root": true,
	"env": { "browser": true, "es2020": true },
	"extends": [
		// By extending from a plugin config, we can get recommended rules without having to add them manually.
		"eslint:recommended",
		"plugin:react/recommended",
		"plugin:react/jsx-runtime",
		"plugin:react-hooks/recommended",
		"plugin:import/recommended",
		"plugin:import/typescript",
		"plugin:jsx-a11y/recommended",
		"plugin:@typescript-eslint/recommended",
		"plugin:promise/recommended",
		"plugin:testing-library/react",
		"plugin:vitest/recommended",
		// This disables the formatting rules in ESLint that Prettier is going to be responsible for handling.
		// Make sure it's always the last config, so it gets the chance to override other configs.
		"plugin:prettier/recommended"
	],
	"ignorePatterns": ["dist"],
	"parser": "@typescript-eslint/parser",
	"plugins": ["react-refresh"],
	"settings": {
		"react": {
			// Tells eslint-plugin-react to automatically detect the version of React to use.
			"version": "detect"
		},
		// Tells eslint how to resolve imports
		"import/resolver": {
			"typescript": true,
			"node": {
				"paths": ["src"],
				"extensions": [".js", ".jsx", ".ts", ".tsx"]
			}
		}
	},
	"rules": {
		// Add your own rules here to override ones from the extended configs.

		// Enforce prefixing interfaces with "I".
		"@typescript-eslint/naming-convention": [
			"error",
			{
				"selector": "interface",
				"format": ["PascalCase"],
				"custom": {
					"regex": "^I[A-Z]",
					"match": true
				}
			}
		],

		"@typescript-eslint/no-empty-interface": [
			"error",
			{
				// Allow interfaces that only use Pick<> or Omit<>, for example.
				"allowSingleExtends": true
			}
		],

		// Doesn't work correctly with deeply nested exports, like FormikHelpers.
		"import/named": "off",

		// Named exports are preferred.
		"import/no-default-export": "error",

		// Enforce import grouping and ordering.
		"import/order": [
			"error",
			{
				"groups": [
					"builtin",
					"external",
					"internal",
					"parent",
					"sibling",
					"index",
					"object"
				],
				"newlines-between": "always",
				"alphabetize": { "order": "asc", "caseInsensitive": true }
			}
		],

		"no-restricted-imports": [
			"error",
			{
				"patterns": ["@/features/*/*"]
			}
		],

		// Doesn't work correctly with some react-three-fiber properties.
		"react/no-unknown-property": [
			"error",
			{ "ignore": ["args", "attach", "decay", "intensity", "position"] }
		],

		"react-refresh/only-export-components": [
			"error",
			{ "allowConstantExport": true }
		]
	}
}