.eslintrc.json

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "parser": "@typescript-eslint/parser", // Specifies the ESLint parser
    "parserOptions": {
        "ecmaVersion": 2021, // Allows for the parsing of modern ECMAScript features
        "sourceType": "module", // Allows for the use of imports
        "ecmaFeatures": {
            "jsx": true // Allows for the parsing of JSX
        }
    },
    "settings": {
        "react": {
            "version": "detect" // Tells eslint-plugin-react to automatically detect the version of React to use
        },
        "import/resolver": {
            "typescript": {
                "project": "tsconfig.json",
                "alwaysTryTypes": true
            }
        }
    },
    "plugins": ["react", "@typescript-eslint", "react-hooks", "import", "@next/next"],
    "extends": [
        "plugin:@typescript-eslint/recommended", // Uses the recommended rules from @typescript-eslint/eslint-plugin
        "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
        "plugin:react-hooks/recommended",
        "plugin:import/recommended",
        "plugin:@next/next/recommended",
        "prettier" // Enables eslint-config-prettier which removes formatting rules interfering with prettier from eslint. Make sure this is always the last configuration in the extends array.
    ],
    "rules": {
        // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
        // e.g. "@typescript-eslint/explicit-function-return-type": "off",
    },
    "overrides": [
        {
            "files": ["*.js"],
            "rules": {
                "@typescript-eslint/explicit-module-boundary-types": "off"
            }
        }
    ]
}