.eslintrc.js

const path = require("path");
module.exports = {
	parser: "@typescript-eslint/parser",
	extends: [
		"eslint:recommended",
		"standard",
		"plugin:react/recommended",
		"plugin:import/typescript",
		"plugin:import/recommended",
		"plugin:prettier/recommended",
		"prettier/standard",
	],
	plugins: ["react", "@typescript-eslint", "import"],
	"ecmaFeatures": {
		"jsx": true,
	},
	parserOptions: {
		ecmaFeatures: {
			jsx: true,
		},
	},
	env: {
		"browser": true,
	},
	rules: {
		"no-console": "off",
		"no-unused-vars": "warn",
		"no-irregular-whitespace": "off",
		"react/display-name": "off",
		"react/jsx-boolean-value": "error",
		"react/no-redundant-should-component-update": "error",
		"react/no-typos": "error",
		"react/no-unused-state": "warn",
		"react/no-unused-prop-types": "error",
		"react/no-deprecated": "error",
		"react/no-direct-mutation-state": "error",
		"react/no-string-refs": "warn",
		"prefer-default-export": "off",
		"import/default": "off",
		"import/namespace": "off",
		"import/named": "off",
		"import/no-duplicates": "error",
		// https://github.com/bradzacher/eslint-plugin-typescript/issues/2
	},
	settings: {
		"import/resolver": {
			node: {
				extensions: [".js", ".ts", ".tsx"],
			},
		},
		"import/core-modules": ["react"]
	},
};