eslintConfig not being honored for rules overrides

Ionic Framework Ionic React
1

I can’t seem to get any eslintConfig rules overrides to actually take effect in my Ionic React app.

I have the following in my package.json file:

  "eslintConfig": {
    "extends": "react-app",
    "rules": {
      "jsx-a11y/anchor-is-valid": "off",
      "react-hooks/exhaustive-deps": "off"
    }
  },

but I’m still seeing those errors/warnings reported in both ionic serve output and ionic build output.

I have also tried adding an .eslintrc file at the root of the project with:

{
  "rules": {
    "jsx-a11y/anchor-is-valid": "off",
    "react-hooks/exhaustive-deps": "off"
  }
}

but that doesn’t work either. Where should I be placing my eslint rule overrides to make them work?

Thanks!

2

This fix worked for me: