[Bug]: TypeError: Cannot read properties of undefined (reading 'parserOptions')

[chenxsan]

Is there an existing issue for this?

• I have searched the existing issues and my issue is unique
• My issue appears in the command-line and not only in the text editor

Description Overview

I'm trying to use the latest eslint-plugin-react 7.32.0 within the new ESLint configuration file and ran into TypeError: Cannot read properties of undefined (reading 'parserOptions') error.

You can see a reproduction here https://stackblitz.com/edit/node-zkuutt?file=package.json,eslint.config.js.

Just run npx eslint . in the terminal:

❯ npx eslint .
(node:5) Warning: Accessing non-existent property 'languageOptions' of module exports inside circular dependency
(Use `node --trace-warnings ...` to show where the warning was created)
(node:5) Warning: Accessing non-existent property 'languageOptions' of module exports inside circular dependency

Oops! Something went wrong! :(

ESLint: 8.31.0

TypeError: Cannot read properties of undefined (reading 'parserOptions')
    at Object.eval (file:///home/projects/node-zkuutt/node_modules/eslint-plugin-react/configs/jsx-runtime.js:7:58)
    at Object.function (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:15:143858)
    at Module._compile (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:6:219079)
    at Module._extensions..js (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:6:219743)
    at Module.load (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:6:217769)
    at Module._load (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:6:215340)
    at Module.require (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:6:218087)
    at i (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:6:415284)
    at _0x3eb0e0 (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:15:143113)
    at Object.eval (file:///home/projects/node-zkuutt/node_modules/eslint-plugin-react/index.js:8:23)

Expected Behavior

No problem using the latest eslint-plugin-react with new ESLint configuration.

eslint-plugin-react version

7.32.0

eslint version

8.3.10

node version

18.12.1

[alexey-koran]

Same behavior

[alexey-koran]

@ljharb Hello. You are trying to get all rules here, while the 'all' obj is empty, due to the circular dependency

eslint-plugin-react/configs/jsx-runtime.js

Line 6 in c8f2813

languageOptions: Object.assign({}, all.languageOptions, {

[alexey-koran]

Is there an existing issue for this?

* [x]  I have searched the existing issues and my issue is unique

* [x]  My issue appears in the command-line and not only in the text editor

Description Overview

I'm trying to use the latest eslint-plugin-react 7.32.0 within the new ESLint configuration file and ran into TypeError: Cannot read properties of undefined (reading 'parserOptions') error.

You can see a reproduction here https://stackblitz.com/edit/node-zkuutt?file=package.json,eslint.config.js.

Just run npx eslint . in the terminal:

❯ npx eslint .
(node:5) Warning: Accessing non-existent property 'languageOptions' of module exports inside circular dependency
(Use `node --trace-warnings ...` to show where the warning was created)
(node:5) Warning: Accessing non-existent property 'languageOptions' of module exports inside circular dependency

Oops! Something went wrong! :(

ESLint: 8.31.0

TypeError: Cannot read properties of undefined (reading 'parserOptions')
    at Object.eval (file:///home/projects/node-zkuutt/node_modules/eslint-plugin-react/configs/jsx-runtime.js:7:58)
    at Object.function (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:15:143858)
    at Module._compile (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:6:219079)
    at Module._extensions..js (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:6:219743)
    at Module.load (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:6:217769)
    at Module._load (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:6:215340)
    at Module.require (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:6:218087)
    at i (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:6:415284)
    at _0x3eb0e0 (https://nodezkuutt-lqq5.w-corp.staticblitz.com/blitz.66cf64d5daaa658854f44d80ebff4b4ffb72d9a1.js:15:143113)
    at Object.eval (file:///home/projects/node-zkuutt/node_modules/eslint-plugin-react/index.js:8:23)

Expected Behavior

No problem using the latest eslint-plugin-react with new ESLint configuration.

eslint-plugin-react version

7.32.0

eslint version

8.3.10

node version

18.12.1

As a workaround right now u can import reactPlugin previously

const reactPlugin = require('eslint-plugin-react');
const reactConfig = require('eslint-plugin-react/configs/recommended');

plugins: {
  react: reactPlugin,
},

rules: {
  ...reactConfig.rules,
}