In my current NextJS project which is in typescript, I have the following configuration in my .eslintrc.json:
{
"extends": "next/core-web-vitals"
}
Now, I want to include additional typescript rules, such as enforcing the rule of not allowing the use of any type (no-explicit-any).
- To start off, I installed the necessary packages using
npm install --save-dev @typescript-eslint/parser @typescript-eslint/eslint-plugin - I updated the config by adding the
no-explicit-anyrule, changing the parser, and including the plugin.
{
"extends": "next/core-web-vitals",
"parser": "@typescript-eslint/parser",
"plugins": [
"@typescript-eslint"
],
"rules": {
"@typescript-eslint/no-explicit-any": "warn"
}
}
- Now, the
no-explicit-anyrule is functioning properly. However, the default rules fromnext/core-web-vitalsare no longer being enforced.
Therefore, I am faced with a dilemma of either sticking with the default next rules or using the typescript-eslint rules. Is there a way to incorporate both sets of rules simultaneously?