Skip to main content
GoodFirstPicks
DashboardIssuesReposLeaderboard

GoodFirstPicks by Leaveitblank © 2026

CreatorRequest a RepoPrivacy PolicyTerms of Service
[Compiler Bug]: eslint-plugin-react-hooks breaks the VS Code ESLint extension | GoodFirstPicks

[Compiler Bug]: eslint-plugin-react-hooks breaks the VS Code ESLint extension

facebook/react 2 comments 1mo ago
View on GitHub
mediumopenScope: somewhat clearSkill match: maybeReactJavaScriptTypeScript

Why this is a good first issue

The issue involves VS Code ESLint extension integration with eslint-plugin-react-hooks.

AI Summary

The issue involves eslint-plugin-react-hooks breaking the VS Code ESLint extension, specifically causing missing 'Code' fields in the problem pane and potentially breaking linting functionality for other rules. The problem requires investigating the interaction between the plugin and the VS Code extension, but the exact scope and root cause are not fully clear.

Issue Description

What kind of issue is this?

  • React Compiler core (the JS output is incorrect, or your app works incorrectly after optimization)
  • babel-plugin-react-compiler (build issue installing or using the Babel plugin)
  • eslint-plugin-react-hooks (build issue installing or using the eslint plugin)
  • react-compiler-healthcheck (build issue installing or using the healthcheck script)

Link to repro

https://github.com/simarmol/eslint-plugin-react-hooks-repro

Repro steps

The latest version of eslint-plugin-react-hooks does not show a code/identity for any errors in the VS Code Problem Pane, only the codes. This can be seen by having an error in a file for eslint-plugin-react-hooks, having the ESLint extension installed and opening a file with issues, then viewing the problem pane,

In the repro repo I have linked I have copied the examples of the violations from the react docs into one file and set up a basic eslint config.

  • Open the repo with VS Code
  • Install the ESLint extension
  • run yarn or package manager of choice to install dependencies
  • Open index.jsx
  • Open problem view in VS Code (In the Command Palette :Focus on Problems View)
  • See 1 ESlint error in the pane - with the Code field missing
  • Run npx eslint
  • See ✖ 36 problems (31 errors, 5 warnings)

The issue I originally wanted to report was the missing 'Code' field for most of the hooks rules in the VS Code pane, but when I made the repro I found it barely seems to work at all with the hooks ruleset, and indeed they seem to break linting functionality for other rules in the same file in VS Code's ESLint extension.

To show that it is the hooks plugin causing the issue:

  • Comment out line 10 in the repro's eslint.config.mjs
  • Open the problem pane
  • See the R

GitHub Labels

Type: BugStatus: Unconfirmed

Want to work on this?

Claim this issue to let others know you're working on it. You'll earn 20 points when you complete it!

Risk Flags

  • VS Code integration
  • eslint-plugin-react-hooks
Loading labels...

Details

Points20 pts
Difficultymedium
Scopesomewhat clear
Skill Matchmaybe
Test Focusedno