eslint-plugin-react-compiler

ESLint plugin surfacing problematic React code found by the React compiler.

You'll first need to install ESLint:

npm i eslint --save-dev

Next, install eslint-plugin-react-compiler:

npm install eslint-plugin-react-compiler --save-dev

Edit your eslint 8+ config (for example eslint.config.mjs) with the recommended configuration:

+ import reactCompiler from "eslint-plugin-react-compiler" import react from "eslint-plugin-react" export default [ // Your existing config { ...pluginReact.configs.flat.recommended, settings: { react: { version: "detect" } } }, + reactCompiler.configs.recommended  ]

Add react-compiler to the plugins section of your configuration file. You can omit the eslint-plugin- prefix:

{ "plugins": [ "react-compiler" ] }

Then configure the rules you want to use under the rules section.

{ "rules": { "react-compiler/react-compiler": "error" } }

TODO: Run eslint-doc-generator to generate the rules list.