code-blocks but with ignored typescript/eslint rules

[scottdickerson]

Is there a way to use the code-blocks setting but exclude certain typescript and eslint rules using the overrides? I want those rules to run on ALL other tsx files, just not on the code-blocks contained within an MDX but it seems like those rules are ignored.

This is what I was trying to do in my .eslintrc.json

 "overrides": [
        {
            //  See https://github.com/mdx-js/eslint-mdx/issues/230. This is needed to get the correct parser to run
            "files": "*.mdx",
            "extends": "plugin:mdx/recommended",
            "rules": {
                "@typescript-eslint/no-unused-vars": "off",
                "react/react-in-jsx-scope": "off",
                "react/display-name": "off"
            }
        },

Here are the linting errors.

/Users/scottdickerson/Documents/GitHub/skeletor/packages/popovers/src/Popover/Popover.mdx
  40:5  error  'React' must be in scope when using JSX  react/react-in-jsx-scope
  41:7  error  'React' must be in scope when using JSX  react/react-in-jsx-scope
  42:7  error  'React' must be in scope when using JSX  react/react-in-jsx-scope

[wooorm]

/cc @JounQin

[JounQin]

{
  "files": "**/*.mdx/**",
  "rules": {}
}

You can try this, code blocks are parsed as virtual filenames.

[scottdickerson]

works perfectly, thank you @JounQin