Incompatibility with @typescript-eslint about eslint-mdx

[jackkrone]

@JounQin Sure. I just figured it out, as indicated in #251 (comment)

This is what my overrides array looks like in eslintrc:

  "overrides": [
    {
      "files": [".tsx", ".ts"],
      "extends": "plugin:@typescript-eslint/recommended-requiring-type-checking"
    },
    {
      "files": ["*.mdx"],
      "extends": "plugin:mdx/recommended"
    }
  ]

I've found that this is required if using the @typescript-eslint/parser and the @typescript-eslint/recommended-requiring-type-checking plugin

[JounQin]

Don't enable @typescript-eslint/recommended-requiring-type-checking for all files.

[JounQin]

Please provide more detail.

Including your eslint config, or a minimal runnable reproduction.

(This seems a usage question, instead of bug, IMO)

You can always use overrides feature of eslint, check https://github.com/1stG/configs/blob/master/packages/eslint-config/overrides.js as reference or demo.

[daviddelusenet]

I was also experiencing this issue, I solved it by doing the following:

• Removed @typescript-eslint/recommended-requiring-type-checking from my extends.
• Added the following part to the overrides section in my ESLint configuration:

{
  "files": ["*.tsx"],
  "extends": ["plugin:@typescript-eslint/recommended-requiring-type-checking"]
}

The error went away and linting works fine!

[jackkrone]

I was also experiencing this issue, I solved it by doing the following:

• Removed @typescript-eslint/recommended-requiring-type-checking from my extends.
• Added the following part to the overrides section in my ESLint configuration:

{
  "files": ["*.tsx"],
  "extends": ["plugin:@typescript-eslint/recommended-requiring-type-checking"]
}

The error went away and linting works fine!

Could you share your full eslintrc setup? When I use your solution I get the same eslint error in all of my mdx files: Parsing error: Expression expected

[JounQin]

@jackkrone You'd better provide your reproduction instead.