Problem with ESLINT new packages

[Hanzofm]

Hi,

I am trying to migrate to new eslint way package. I have followed the migrate instructions and I am getting this error when I open a ts file:

Error: .eslintrc.json:
	Configuration for rule "import/extensions" is invalid:
	Severity should be one of the following: 0 = off, 1 = warn, 2 = error (you passed '".js"').

I am doing something wrong?

I use Intellij Webstorm

This is my .eslintrc.json file:

{
  "extends": ["airbnb"],
  "plugins": ["@typescript-eslint"],
  "parser": "@typescript-eslint/parser",
  "rules": {
    "import/no-unresolved": 0,
    "import/extensions": [".js", ".json", ".jsx", ".ts", ".tsx"],
    "react/jsx-filename-extension": {
      "extensions": [
        ".jsx",
        ".tsx"
      ]
    }
  },
  "settings": {
    "import/resolver": {
      "webpack": {
        "config": "webpack.config.js"
      }
    }
  }
}

[diogo4]

Hello @Hanzofm try this:

"rules": {
"prettier/prettier": "error",
"react-hooks/rules-of-hooks": "error",
"react-hooks/exhaustive-deps": "warn",
"react/jsx-filename-extension": [1, { "extensions": ["js", ".ts", ".tsx"] }],
"import/prefer-default-export": "off",
"no-use-before-define": ["off", { "functions": true, "classes": true }],
"import/extensions": [
"error",
"ignorePackages",
{
"js": "never",
"jsx": "never",
"json": "never",
"ts": "never",
"tsx": "never"
}
],
"import/no-named-default": "off"
},
"settings": {
"import/resolver": {
"typescript": {}
}
}