.eslintrc.js

module.exports = {
	root: true,
	parser: "@typescript-eslint/parser",
	parserOptions: {
		ecmaVersion: 2021,
		sourceType: "module",
		ecmaFeatures: {
			jsx: true,
		},
	},
	settings: {
		react: {
			version: "detect",
		},
		"import/resolver": {
			node: {
				paths: ["src"],
				extensions: [".js", ".jsx", ".ts", ".tsx"],
			},
		},
	},
	env: {
		browser: true,
		amd: true,
		node: true,
		es2021: true,
	},
	extends: [
		"eslint:recommended",
		"plugin:@typescript-eslint/recommended",
		"plugin:react/recommended",
		"plugin:jsx-a11y/recommended",
		"plugin:prettier/recommended",
		"plugin:storybook/recommended",
	],
	plugins: ["simple-import-sort", "prettier"],
	rules: {
		"prettier/prettier": [
			"error",
			{},
			{
				usePrettierrc: true,
			},
		],
		"react/react-in-jsx-scope": "off",
		"jsx-a11y/accessible-emoji": "off",
		"react/prop-types": "off",
		"@typescript-eslint/explicit-function-return-type": "off",
		"simple-import-sort/imports": "error",
		"simple-import-sort/exports": "error",
		"jsx-a11y/anchor-is-valid": [
			"error",
			{
				components: ["Link"],
				specialLink: ["hrefLeft", "hrefRight"],
				aspects: ["invalidHref", "preferButton"],
			},
		],
	},
	overrides: [
		{
			files: ["*.stories.@(js,jsx,ts,tsx)"],
			extends: ["plugin:storybook/recommended"],
			rules: {
				"import/no-default-export": "off",
				"import/no-extraneous-dependencies": "off",
			},
		},
	],
};