[Bug]: TypeError: Error while loading rule 'react/display-name': sourceCode.getAllComments is not a function

[Android789515]

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

After updating my ESLint config using bun create @eslint/config@latest when I run bun run lint I get an error in the console.

Config file:

import { defineConfig, globalIgnores } from 'eslint/config';
import globals from 'globals';

import js from '@eslint/js';
import tseslint from 'typescript-eslint';
import pluginReact from 'eslint-plugin-react';

import json from '@eslint/json';
import markdown from '@eslint/markdown';
import css from '@eslint/css';

export default defineConfig([
  globalIgnores(['dist']),
  {
    files: [
      '**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}',
    ],
    plugins: {
      js,
    },
    extends: [
      'js/recommended',
    ],
    languageOptions: {
      ecmaVersion: 2023,
      globals: globals.browser,
    },
  },
  tseslint.configs.recommended,
  pluginReact.configs.flat.recommended,
  {
    files: [
      '**/*.json',
    ],
    plugins: {
      json,
    },
    language: 'json/json',
    extends: [
      'json/recommended',
    ],
  },
  {
    files: [
      '**/*.jsonc',
    ],
    plugins: {
      json,
    },
    language: 'json/jsonc',
    extends: [
      'json/recommended',
    ],
  },
  {
    files: [
      '**/*.json5',
    ],
    plugins: {
      json,
    },
    language: 'json/json5',
    extends: [
      'json/recommended',
    ],
  },
  {
    files: [
      '**/*.md',
    ],
    plugins: {
      markdown,
    },
    language: 'markdown/gfm',
    extends: [
      'markdown/recommended',
    ],
  },
  {
    files: [
      '**/*.css',
    ],
    plugins: {
      css,
    },
    language: 'css/css',
    extends: [
      'css/recommended',
    ],
  },
]);

Expected Behavior

bun run lint lints the project.

eslint-plugin-react version

^7.37.5

eslint version

^9.39.2

node version

v25.2.1

[msakrejda]

I am seeing the same error.

[ljharb]

I don't know anything about bun, but I'd need more information about which file is erroring and what its config is.

[challme28]

I have a fresh project with React 18 and Node 20.

➜ $  npm init @eslint/config@latest                                                                                                                                                                   [ 7:00PM ]

Need to install the following packages:
@eslint/create-config@1.11.0
Ok to proceed? (y) y


> whatsapp-admin-app@1.0.0 npx
> create-config

@eslint/create-config: v1.11.0

✔ What do you want to lint? · javascript, md
✔ How would you like to use ESLint? · problems
✔ What type of modules does your project use? · esm
✔ Which framework does your project use? · react
✔ Does your project use TypeScript? · No / Yes
✔ Where does your code run? · browser, node
✔ Which language do you want your configuration file be written in? · ts
✔ What flavor of Markdown do you want to lint? · gfm
ℹ Jiti is required for Node.js <24.3.0 to read TypeScript configuration files.
✔ Would you like to add Jiti as a devDependency? · No / Yes
ℹ The config that you've selected requires the following dependencies:

eslint, @eslint/js, globals, typescript-eslint, eslint-plugin-react, @eslint/markdown, jiti
✔ Would you like to install them now? · No / Yes
✔ Which package manager do you want to use? · npm
☕️Installing...

added 235 packages, and audited 644 packages in 10s

Then I run eslint

➜ $ eslint .                                                                                                                                                                                          [ 7:01PM ]
Warning: React version not specified in eslint-plugin-react settings. See https://github.com/jsx-eslint/eslint-plugin-react#configuration .

Oops! Something went wrong! :(

ESLint: 9.39.2

TypeError: Error while loading rule 'react/display-name': sourceCode.getAllComments is not a function
Occurred while linting /Users/challme28/Documents/projects/whatsapp-admin-app/README.md
    at Object.getFromContext (/Users/challme28/Documents/projects/whatsapp-admin-app/node_modules/eslint-plugin-react/lib/util/pragma.js:54:33)
    at Components.componentRule (/Users/challme28/Documents/projects/whatsapp-admin-app/node_modules/eslint-plugin-react/lib/util/Components.js:288:29)
    at createRuleListeners (/Users/challme28/Documents/projects/whatsapp-admin-app/node_modules/eslint/lib/linter/linter.js:1019:15)
    at /Users/challme28/Documents/projects/whatsapp-admin-app/node_modules/eslint/lib/linter/linter.js:1151:7
    at Array.forEach (<anonymous>)
    at runRules (/Users/challme28/Documents/projects/whatsapp-admin-app/node_modules/eslint/lib/linter/linter.js:1085:31)
    at #flatVerifyWithoutProcessors (/Users/challme28/Documents/projects/whatsapp-admin-app/node_modules/eslint/lib/linter/linter.js:2115:4)
    at Linter._verifyWithFlatConfigArrayAndWithoutProcessors (/Users/challme28/Documents/projects/whatsapp-admin-app/node_modules/eslint/lib/linter/linter.js:2203:43)
    at Linter._verifyWithFlatConfigArray (/Users/challme28/Documents/projects/whatsapp-admin-app/node_modules/eslint/lib/linter/linter.js:2306:15)
    at Linter.verify (/Users/challme28/Documents/projects/whatsapp-admin-app/node_modules/eslint/lib/linter/linter.js:1677:10)

This is my created eslint.config.ts

import js from "@eslint/js";
import globals from "globals";
import tseslint from "typescript-eslint";
import pluginReact from "eslint-plugin-react";
import markdown from "@eslint/markdown";
import { defineConfig } from "eslint/config";

export default defineConfig([
  { files: ["**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"], plugins: { js }, extends: ["js/recommended"], languageOptions: { globals: {...globals.browser, ...globals.node} } },
  tseslint.configs.recommended,
  pluginReact.configs.flat.recommended,
  { files: ["**/*.md"], plugins: { markdown }, language: "markdown/gfm", extends: ["markdown/recommended"] },
]);

I had to update the last two lines

  { ...pluginReact.configs.flat.recommended, settings: { react: { version: "detect" } } },
  { files: ["**/*.md"], plugins: { markdown }, language: "markdown/gfm", processor: "markdown/markdown" },

The first one to remove a warning that probably shouldn't be there.
The second one to switch extends for processor to fix the TypeError.
Cursor added a bunch of other configs, but I managed to trim down only what was needed.
I appreciate the tool to generate a basic config file; however, this file should run without extra editing. The warning is a minor issue in my opinion.

[ljharb]

Certainly you shouldn't be linting markdown with the react plugin.

[FunctionDJ]

Similar error when running bunx eslint with ESLint 10.1.0 Error while loading rule 'react/display-name': contextOrFilename.getFilename is not a function

[ljharb]

Again, until eslint 10 is in the peer dep range for this plugin, you shouldn't be attempting to use them together.