jsx-uses-vars

Full Name in @eslint-react/eslint-plugin

@eslint-react/jsx-uses-vars

Full Name in eslint-plugin-react-x

react-x/jsx-uses-vars

Presets

x recommended strict

Rule Details

Since 0.17.0, the ESLint no-unused-vars rule does not detect variables used in JSX (see details). This rule finds variables used in JSX and marks them as used. This rule only has an effect when the no-unused-vars rule is enabled.

Common Violations

Invalid

import Hello from "./Hello";

Valid

import Hello from "./Hello";

<Hello name="John" />;

Resources

• Rule Source
• Test Source

Further Reading

• React Docs: JSX
• ESLint Docs: no-unused-vars

See Also

• jsx-no-duplicate-props
  Disallows duplicate props in JSX elements
• jsx-uses-react
  Marks React variables as used when JSX is present