npm
npmjs.com › package › eslint-plugin-react-19-upgrade
eslint-plugin-react-19-upgrade - npm
An ESLint plugin to identify and fix breaking changes when upgrading React 18 to React 19. Latest version: 1.7.0, last published: 9 months ago. Start using eslint-plugin-react-19-upgrade in your project by running `npm i eslint-plugin-react...
» npm install eslint-plugin-react-19-upgrade
Published May 29, 2025
Version 1.7.0
Author Brett Farrow
npm
npmjs.com › package › eslint-plugin-react
eslint-plugin-react - npm
React specific linting rules for ESLint. Latest version: 7.37.5, last published: a year ago. Start using eslint-plugin-react in your project by running `npm i eslint-plugin-react`. There are 16982 other projects in the npm registry using eslint-plugin-react.
» npm install eslint-plugin-react
Published Apr 03, 2025
Version 7.37.5
Author Yannick Croissant
Videos
npm
npmjs.com › package › eslint-plugin-react-compiler
eslint-plugin-react-compiler - npm
ESLint plugin to display errors found by the React compiler.. Latest version: 19.1.0-rc.2, last published: 9 months ago. Start using eslint-plugin-react-compiler in your project by running `npm i eslint-plugin-react-compiler`. There are 107 ...
» npm install eslint-plugin-react-compiler
npm
npmjs.com › package › @eslint-react › eslint-plugin
@eslint-react/eslint-plugin - npm
Modern: First-class support for TypeScript, React 19, and more. Flexible: Fully customizable rule severity levels, allowing you to enforce or relax rules as needed. Performant: Built with performance in mind, optimized for large codebases, 4-7x faster than other ESLint plugins.
» npm install @eslint-react/eslint-plugin
GitHub
github.com › brettfarrow › eslint-plugin-react-19-upgrade
GitHub - brettfarrow/eslint-plugin-react-19-upgrade: An ESLint plugin to identify and fix breaking changes when upgrading React 18 to React 19
An ESLint plugin to identify and fix breaking changes when upgrading React 18 to React 19 - brettfarrow/eslint-plugin-react-19-upgrade
Author brettfarrow
React
react.dev › reference › eslint-plugin-react-hooks
eslint-plugin-react-hooks – React
This plugin helps you catch violations of React’s rules at build time, ensuring your components and hooks follow React’s rules for correctness and performance. The lints cover both fundamental React patterns (exhaustive-deps and rules-of-hooks) and issues flagged by React Compiler. React Compiler diagnostics are automatically surfaced by this ESLint ...
Eslint-react
eslint-react.xyz
ESLint React
First-class support for TypeScript, React 19, and more. Fully customizable rule severity levels, allowing you to enforce or relax rules as needed. Built with performance in mind, optimized for large codebases, 4-7x faster than other ESLint plugins.
Letsreact
letsreact.org › how-to-use-eslint-plugin-react-hooks-v6-in-react-19-2
How to Use eslint-plugin-react-hooks v6 in React 19.2 | LetsReact.org
October 6, 2025 - Using `eslint-plugin-react-hooks v6` in React 19.2 helps you write better code. This tool checks your hooks to make sure they follow rules. Install the plugin,…
GitHub
github.com › jsx-eslint › eslint-plugin-react
GitHub - jsx-eslint/eslint-plugin-react: React-specific linting rules for ESLint · GitHub
React-specific linting rules for ESLint. Contribute to jsx-eslint/eslint-plugin-react development by creating an account on GitHub.
Starred by 9.3K users
Forked by 2.7K users
Languages JavaScript
Yarn
classic.yarnpkg.com › en › package › eslint-plugin-react
eslint-plugin-react
Fast, reliable, and secure dependency management.
GitHub
github.com › jsx-eslint › eslint-plugin-react › releases
Releases · jsx-eslint/eslint-plugin-react
React-specific linting rules for ESLint. Contribute to jsx-eslint/eslint-plugin-react development by creating an account on GitHub.
Author jsx-eslint
Reddit
reddit.com › r/reactjs › is eslint-plugin-react is unnecessary if i use @typescript-eslint/eslint-plugin and eslint-plugin-react-hooks?
r/reactjs on Reddit: Is eslint-plugin-react is unnecessary if i use @typescript-eslint/eslint-plugin and eslint-plugin-react-hooks?
November 30, 2023 -
it seems that the following plugins are sufficient for my usage of React and Typescript.
"@typescript-eslint/eslint-plugin": "^5.59.9","@typescript-eslint/parser": "^5.59.9","eslint-plugin-react-hooks": "^4.6.0","eslint-plugin-react-refresh": "^0.4.3",
I'm unsure if eslint-plugin-react provides any useful rules.
Could you provide some examples? Thanks.
Top answer 1 of 8
215
Add this to your config in ESLint Config File, i.e. .eslintrc or eslint.config.js
{
"settings": {
"react": {
"version": "detect"
}
}
}
See the config here: https://github.com/jsx-eslint/eslint-plugin-react/blob/master/README.md#configuration
Docs
https://eslint.org/docs/
https://eslint.org/docs/latest/use/configure/migration-guide
https://eslint.org/docs/latest/use/configure/configuration-files
2 of 8
29
If you're looking at the new eslint.config.js, I did the below (with typescript). I tried to follow the official README but it wasn't too helpful.
import react from "eslint-plugin-react";
import typescriptEslint from "@typescript-eslint/eslint-plugin";
import typescriptParser from "@typescript-eslint/parser";
import globals from "globals";
import reactRecommended from "eslint-plugin-react/configs/recommended.js";
export default [
{
ignores: ["dist/**/*"],
},
{
files: ["**/*.{js,jsx,mjs,cjs,ts,tsx}"],
ignores: ["dist/**/*"],
...reactRecommended,
settings: {
version: "detect",
},
languageOptions: {
...reactRecommended.languageOptions,
ecmaVersion: "latest",
sourceType: "module",
parser: typescriptParser,
parserOptions: {
ecmaFeatures: {
jsx: true,
},
},
globals: {
...globals.serviceworker,
...globals.browser,
},
},
plugins: {
"@typescript-eslint": typescriptEslint,
react,
},
rules: {
//rules here
},
},
];
GitHub
github.com › facebook › react › issues › 29107
[React 19] `eslint-plugin-react-compiler` throws SyntaxErrors when it encounters `.json` or `.graphql` files · Issue #29107 · facebook/react
May 16, 2024 - Summary If your linting command encompasses .json or .graphql files (e.g. eslint . package.json --ext .js,.jsx,.ts,.tsx,.graphql), and you have react-compiler/react-compiler enabled in your rules object: rules: { 'react-compiler/react-co...
Published May 16, 2024
Author trello-drew
GitHub
github.com › Rel1cx › eslint-react
GitHub - Rel1cx/eslint-react: 4-7x faster, composable ESLint rules for React and friends.
Modern: First-class support for TypeScript, React 19, and more. Flexible: Fully customizable rule severity levels, allowing you to enforce or relax rules as needed. Performant: Built with performance in mind, optimized for large codebases, 4-7x faster than other ESLint plugins.
Starred by 490 users
Forked by 39 users
Languages TypeScript 80.1% | MDX 19.3% | TypeScript 80.1% | MDX 19.3%
React
react.dev › blog › 2025 › 10 › 01 › react-19-2
React 19.2 – React
React 19.2 adds support for Web Streams for streaming SSR in Node.js: renderToReadableStream is now available for Node.js ... This is because Node Streams are much faster than Web Streams in Node, and Web Streams do not support compression by default, leading to users accidentally missing the benefits of streaming. We also published eslint-plugin-react-hooks@latest with flat config by default in the recommended preset, and opt-in for new React Compiler powered rules.
Reddit
reddit.com › r/reactjs › eslint, 6 or 7? react 19.2
r/reactjs on Reddit: ESLint, 6 or 7? React 19.2
October 21, 2025 -
Hey guys, according React 19.2 blog-post we are supposed to use eslint-plugin-react-hooks 6,
But I can already see that 7 is availabe. What did you guys use?
Also, I notice that 7 gave me several new errors, but those errors are not connected to the IDE and are only shown when the 'lint' command is ran. I know we are supposed to use the new hook with Effects now, but I was wondering why no visual warning for the IDE, anyone else?
edit: I found out that i just need to restart my eslint server, and now the errors are properly showing :).
in vscode its CTRL+SHIFT+P and write restart eslint, it will show.
Top answer 1 of 5
17
I think you are mixing up eslint and eslint-plugin-react-hooks plugin. The blogpost talks about slint-plugin-react-hooks v6 simply because v7 was not released yet. Just check the changelog on github for timeline. I recommend to use v7 and there you can chose between config recommended or recommended latest. https://github.com/facebook/react/blob/main/packages/eslint-plugin-react-hooks/CHANGELOG.md
2 of 5
14
Blog is talking about 6 because 7 wasn't released at the time when the blog is written? It is a dev dependency, just use the latest. You are getting errors/warning because you didn't configure it right earlier or 7 is just stricter and better at finding issues. Those errors are linter related issues. Fix them
Reddit
reddit.com › r/reactjs › upgrading eslint to v9: what to do with eslint-config-react-app?
r/reactjs on Reddit: Upgrading eslint to v9: What to do with eslint-config-react-app?
January 3, 2025 -
Hi all!
I am currently trying to upgrade eslint to v9 in some projects and am running into a few issues here and there.
I think the biggest issue is that CRA is dropped (we already migrated to Vite) and eslint-config-react-app is no longer maintained, which we have been using since a few years now. I have been trying to re-implement it locally in a project, but that's a really tedious act, e.g. validating which rules are not needed.
Did anyone run into this issue as well? What did you do?
And generally: What does your eslint v9 config look like?
PS: Please don't recommend Biome, Oxlint or other tools as a replacement. I am aware of these and they look really promising, but they do not meet our requirements (yet!) :)
Top answer 1 of 2
2
as someone that upgraded eslint configs past CRA, indeed you wanna drop eslint-config-react-app. here is a fairly simple config that i use for some simple vite apps. of course, can get more complex from there but starting from first principles with the flat config and then growing it is good. and as usual, i recommend trying to max out typescript-eslint strictness if you use typescript https://gist.github.com/cmdcolin/22c4b3bbf8a32d0ff530fde12453d129
2 of 2
1
Couple of suggestions. Please move from CRA to vite. Regarding the eslint and other stuff, I just follow template from https://github.com/mantinedev/vite-template and it’s just hassle free. Kudos to Mantine maintainer rtivital for always keeping the templates up to date
GitHub
github.com › eslint › eslint › discussions › 18321
Eslint 9 : Use @eslint/js and eslint-plugin-react · eslint/eslint · Discussion #18321
import js from '@eslint/js'; import react from 'eslint-plugin-react'; import simpleImportSort from "eslint-plugin-simple-import-sort"; import globals from 'globals'; export default [ js.configs.recommended, { files: ['**/*.{js,jsx,mjs,cjs,ts,tsx}'], ignores: ["out/", "dist/", "node_modules/"], languageOptions: { ecmaVersion: 2022, sourceType: 'module', parserOptions: { ecmaFeatures: { jsx: true, }, }, globals: { ...globals.browser, ...globals.node, }, }, plugins: { "simple-import-sort": simpleImportSort, react, }, rules: { 'react/prop-types': 'off', "simple-import-sort/imports": ["error", { "groups": [ ["^\\u0000"], ["^node:"], ["^@?\\w"], ["^"], ["^\\."], ["^.+\\.?(graphql)$"], ["^.+\\.?(css)$"] ] }], "simple-import-sort/exports": "error" }, }, ];
Author eslint
GitHub
github.com › facebook › react › issues › 29703
[React 19] React compiler & eslint plugin giving an error to mutating values in refs that are used in JSX · Issue #29703 · facebook/react
June 1, 2024 - Summary eslint-plugin-react-compiler version: 0.0.0-experimental-51a85ea-20240601 When I try to mutate a ref value in any event handler, the eslint-plugin-react compiler gives the following error: ESLint: Updating a value used previously...
Author adubrouski