.eslintrc.js

module.exports = {
    extends: "erb",
    plugins: ["@typescript-eslint"],
    rules: {
        // A temporary hack related to IDE not resolving correct package.json
        "import/no-extraneous-dependencies": "off",
        "react/react-in-jsx-scope": "off",
        "react/jsx-filename-extension": "off",
        "import/extensions": "off",
        "import/no-unresolved": "off",
        "import/no-import-module-exports": "off",
        "no-shadow": "off",
        "@typescript-eslint/no-shadow": "error",
        "no-unused-vars": "off",
        "@typescript-eslint/no-unused-vars": "warn",
        semi: ["warn", "never"],
        "comma-dangle": ["warn", "never"],
        quotes: ["warn", "double"],
        "spaced-comment": "off",
        "import/prefer-default-export": "off",
        "prettier/prettier": "off",
        "no-restricted-syntax": "off",
        "no-continue": "off",
        "no-plusplus": "off",
        "react/require-default-props": "off",
        "no-return-assign": "off",
        "import/no-cycle": "off",
        "consistent-return": "off",
        "no-param-reassign": "off",
        "react/jsx-props-no-spreading": "off",
        "react/destructuring-assignment": "off"
    },
    parserOptions: {
        ecmaVersion: 2020,
        sourceType: "module",
        project: "./tsconfig.json",
        tsconfigRootDir: __dirname,
        createDefaultProgram: true
    },
    settings: {
        "import/resolver": {
            // See https://github.com/benmosher/eslint-plugin-import/issues/1396#issuecomment-575727774 for line below
            node: {},
            webpack: {
                config: require.resolve(
                    "./.erb/configs/webpack.config.eslint.ts"
                )
            },
            typescript: {}
        },
        "import/parsers": {
            "@typescript-eslint/parser": [".ts", ".tsx"]
        }
    }
}