.eslintrc

{
  // Configuration for JavaScript files
  "extends": [
    "airbnb-base",
    "plugin:prettier/recommended"
  ],
	"settings": {
		"next": {
			"rootDir": "packages/*/"
		}
	},
  "rules": {
    "prettier/prettier": [
      "error",
      {
        "singleQuote": false,
        "endOfLine": "auto"
      }
    ],
		"no-unused-vars": ["error", { "ignoreRestSiblings": true }],
		"no-underscore-dangle": "off",
		"no-restricted-syntax": ["error", "ForInStatement", "LabeledStatement", "WithStatement"]
  },
  "overrides": [
    // Configuration for TypeScript files
    {
      "files": ["**/*.ts", "**/*.tsx"],
      "plugins": [
        "@typescript-eslint",
				"import",
        "unused-imports"
      ],
      "extends": [
        "airbnb-typescript",
        "plugin:prettier/recommended"
      ],
      "parserOptions": {
        "project": [
					"./tsconfig.json"
				]
      },
			"settings": {
				"import/parsers": {
					"@typescript-eslint/parser": [".ts", ".tsx"]
				},
				"import/resolver": {
					"typescript": {
						"alwaysTryTypes": true, // always try to resolve types under `<root>@types` directory even it doesn't contain any source code, like `@types/unist`
						"project": "./tsconfig.*json"
					}
				}
			},
      "rules": {
        "prettier/prettier": [
          "error",
          {
            "singleQuote": false,
            "endOfLine": "auto"
          }
        ],
				"no-unused-vars": ["error", { "ignoreRestSiblings": true }],
				"react/jsx-filename-extension": "off",
        "react/destructuring-assignment": "off", // Vscode doesn't support automatically destructuring, it's a pain to add a new variable
        "jsx-a11y/anchor-is-valid": "off", // Next.js use his own internal link system
        "react/require-default-props": "off", // Allow non-defined react props as undefined
        "react/jsx-props-no-spreading": "off", // _app.tsx uses spread operator and also, react-hook-form
        "react-hooks/exhaustive-deps": "off", // Incorrectly report needed dependency with Next.js router
        "@next/next/no-img-element": "off", // We currently not using next/image because it isn't supported with SSG mode
        "@typescript-eslint/comma-dangle": "off", // Avoid conflict rule between Eslint and Prettier
        "import/prefer-default-export": "off", // Named export is easier to refactor automatically
        "@typescript-eslint/no-unused-vars": "off",
        "unused-imports/no-unused-imports": "error",
        "unused-imports/no-unused-vars": [
          "error",
          { "argsIgnorePattern": "^_", "ignoreRestSiblings": true }
        ],
				"no-param-reassign": "off",
				"class-methods-use-this": "off"
      }
    },
		{
			"files": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx"],
			"rules": {
				"@typescript-eslint/no-unused-expressions": "off"
			}
		}
  ]
}