.eslintrc.js

module.exports = {
    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
    extends: [
        "eslint:recommended",
        "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
        "plugin:@typescript-eslint/recommended", // Uses the recommended rules from @typescript-eslint/eslint-plugin
        "plugin:prettier/recommended", // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
        "prettier",
    ],
    plugins: [
        "react-hooks", // React linting rules
    ],
    env: {
        node: true,
        browser: true,
    },
    parserOptions: {
        ecmaVersion: 2018, // Allow the parsing of modern ECMAScript features
        sourceType: "module", // Allow the use of imports
        ecmaFeatures: {
            jsx: true, // Allows for the parsing of JSX
        },
    },
    settings: {
        react: {
            version: "detect",
        },
    },
    rules: {
        // We don't consider those rules helpful
        "@typescript-eslint/no-empty-function": "off",
        "@typescript-eslint/no-non-null-assertion": "off",
        "@typescript-eslint/no-unused-vars": ["error", {vars: "all", argsIgnorePattern: "^_"}],
        // We use `react-jsx` and there `React` does not need to be in scope
        "react/react-in-jsx-scope": "off",
        // The following rules should be enabled, but aren't yet due to legacy code which still needs
        // to be adapted
        "@typescript-eslint/explicit-module-boundary-types": "off",
        "@typescript-eslint/no-explicit-any": "off",
        "no-prototype-builtins": "off",
        "react-hooks/rules-of-hooks": "error",
        "react-hooks/exhaustive-deps": "error",
    },
    overrides: [
        {
            files: ["**/*.js"],
            rules: {
                "@typescript-eslint/no-var-requires": 0,
            },
        },
    ],
};