npm
npmjs.com › package › eslint-plugin-react-dom
eslint-plugin-react-dom - npm
ESLint React's ESLint plugin for DOM related rules.. Latest version: 2.13.0, last published: 10 days ago. Start using eslint-plugin-react-dom in your project by running `npm i eslint-plugin-react-dom`. There are 14 other projects in the npm registry using eslint-plugin-react-dom.
» npm install eslint-plugin-react-dom
GitHub
github.com › jsx-eslint › eslint-plugin-react
GitHub - jsx-eslint/eslint-plugin-react: React-specific linting rules for ESLint · GitHub
Enforces where React component static properties should be positioned. style-prop-object · Enforce style prop value is an object · void-dom-elements-no-children · Disallow void DOM elements (e.g. <img />, <br />) from receiving children · Rules of Hooks: eslint-plugin-react-hooks ·
Starred by 9.3K users
Forked by 2.7K users
Languages JavaScript
Videos
09:33
22. Install ESLint in the React Project and configure React Plugin ...
02:25
ERROR in [eslint] Plugin "react" was conflicted between "package.json ...
03:03
What Is ESLint Used For In React? - Next LVL Programming - YouTube
00:41
Eslint Plugin For React Query To Always Have Your Back - YouTube
00:18
React version not specified in eslint plugin react - YouTube
21:36
Adding ESLint to your React.js project - YouTube
npm
npmjs.com › package › @eslint-react › eslint-plugin
@eslint-react/eslint-plugin - npm
eslint-plugin-react-dom - DOM-specific rules for React DOM.
» npm install @eslint-react/eslint-plugin
GitHub
github.com › Rel1cx › eslint-react
GitHub - Rel1cx/eslint-react: 4-7x faster, composable ESLint rules for React and friends.
Starred by 490 users
Forked by 39 users
Languages TypeScript 80.1% | MDX 19.3% | TypeScript 80.1% | MDX 19.3%
GitHub
github.com › Rel1cx › eslint-react › tree › main › packages › plugins › eslint-plugin-react-dom
eslint-react/packages/plugins/eslint-plugin-react-dom at main · Rel1cx/eslint-react
import js from "@eslint/js"; import dom from "eslint-plugin-react-dom"; import { defineConfig } from "eslint/config"; import tseslint from "typescript-eslint"; export default defineConfig( { files: ["**/*.{ts,tsx}"], extends: [ js.configs.recommended, tseslint.configs.recommended, // Add configs from eslint-plugin-react-dom dom.configs.recommended, ], rules: { // Put rules you want to override here "react-dom/no-dangerously-set-innerhtml": "warn", }, }, );
Author Rel1cx
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 16974 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
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 plugin, and can be used even if your app hasn’t adopted the compiler yet.
npm
npmjs.com › package › eslint-plugin-react-hooks
eslint-plugin-react-hooks - npm
The official ESLint plugin for React which enforces the Rules of React and other best practices.
» npm install eslint-plugin-react-hooks
Published Oct 24, 2025
Version 7.0.1
Repository https://github.com/facebook/react
Homepage https://react.dev/
Top answer 1 of 8
214
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
},
},
];
Eslint-react
eslint-react.xyz › docs › presets
Presets | ESLint React
The following presets are available in @eslint-react/eslint-plugin: x Enable rules for "react". dom Enable rules for "react-dom". web-api Enable rules for interacting with Web APIs. rsc Enable rules for React Server Components. recommended Enforce rules that are recommended by ESLint React for general-purpose React + React DOM projects.
npm
npmjs.com › search
eslint-plugin-react-hooks - npm search
Fork of `eslint-plugin-react-hooks` ... a year ago0 dependents licensed under $MIT ... This plugin helps you to forbid DOM globals within the react server side rendering....
Emotion
emotion.sh › docs › eslint-plugin-react
Emotion – eslint-plugin-react
The react/no-unknown-property rule from eslint-plugin-react will produce an error if the css prop is passed to a DOM element.
freeCodeCamp
freecodecamp.org › news › how-to-add-eslint-to-your-react-project
How to Add ESLint to Your React Project
August 8, 2023 - React needs to be imported in app.js file. We need to export our button component. This error might confuse you, because you may not know where it's coming from. We are seeing this error because we set up ESLint in our project, and it scans through our project to tell us that React needs to be imported in the app.js file.
Npm
npm.io › package › @eslint-react › eslint-plugin
@eslint-react/eslint-plugin NPM | npm.io
eslint-plugin-react-dom - DOM specific rules for React DOM.
Npm
npm.io › package › eslint-plugin-react
Eslint-plugin-react NPM | npm.io
It is also possible to install ESLint globally rather than locally (using npm install -g eslint). However, this is not recommended, and any plugins or shareable configs that you use must be installed locally in either case. ... If you are using the new JSX transform from React 17, extend react/jsx-runtime in your eslint config (add "plugin:react/jsx-runtime" to "extends") to disable the relevant rules.