.eslintrc.js

module.exports = {
  root: true,
  env: {
    node: true,
    es6: true,
  },
  parserOptions: { ecmaVersion: 8 }, // to enable features such as async/await
  // We don't want to lint generated files nor node_modules, but we want to lint .prettierrc.json (ignored by default by eslint)
  ignorePatterns: ["node_modules/*", ".next/*", ".out/*", "!.prettierrc.json"],
  extends: ["eslint:recommended", "next", "prettier"],
  settings: { react: { version: "detect" } },
  overrides: [
    {
      files: [".prettierrc.json"],

      // default parser esprima does not support json
      parser: "@typescript-eslint/parser",
    },

    // This configuration will apply only to TypeScript files
    {
      files: ["**/*.ts", "**/*.tsx", "src/**/*.js"],
      parser: "@typescript-eslint/parser",
      env: {
        browser: true,
        node: true,
        es6: true,
      },
      extends: [
        "plugin:@typescript-eslint/recommended", // TypeScript rules
        "plugin:jsx-a11y/recommended", // Accessibility rules
      ],
      plugins: ["no-switch-statements"],
      rules: {
        "@typescript-eslint/no-non-null-assertion": "off",
        "@typescript-eslint/explicit-module-boundary-types": "off",
        "@typescript-eslint/no-unused-vars": ["error"],
        "@typescript-eslint/member-ordering": [
          "error",
          {
            default: { memberTypes: "never", order: "alphabetically" },
            classes: ["field", "constructor", "method"],
            interfaces: ["signature", "method", "constructor", "field"],
          },
        ],
        curly: "error",
        "import/order": [
          "error",
          {
            groups: [["external", "builtin"]],
            "newlines-between": "always",
          },
        ],
        "jsx-a11y/anchor-is-valid": "off",
        "no-console": "error",
        "no-switch-statements/no-switch": "error",
        "prefer-const": ["error", {}],
        "react/jsx-handler-names": [
          "error",
          {
            eventHandlerPrefix: "on",
            eventHandlerPropPrefix: "on",
          },
        ],
        "react/jsx-no-target-blank": "error",
        "react/jsx-sort-props": [
          "error",
          {
            ignoreCase: true,
            reservedFirst: true,
          },
        ],
        "react/no-danger": "error",
        "react/no-deprecated": "error",
        "react/no-typos": "error",
        "react/no-unknown-property": "error",
        "react/no-unsafe": [
          "error",
          {
            checkAliases: true,
          },
        ],
        "react/no-unused-prop-types": "error",
        "react/prefer-stateless-function": "error",
        "react/prop-types": "off",
        "react/react-in-jsx-scope": "off",
        "react-hooks/exhaustive-deps": "error",
        "react/self-closing-comp": [
          "error",
          {
            component: true,
            html: true,
          },
        ],
        "sort-keys": "error",
        "sort-vars": "error",
      },
    },
  ],
};