jsx-uses-vars.md

react/jsx-uses-vars

📝 Disallow variables used in JSX to be incorrectly marked as unused.

💼 This rule is enabled in the ☑️ recommended config.

Since 0.17.0 the eslint no-unused-vars rule does not detect variables used in JSX (see details). This rule will find variables used in JSX and mark them as used.

This rule only has an effect when the no-unused-vars rule is enabled.

Rule Details

Examples of incorrect code for this rule:

var Hello = require('./Hello');

Examples of correct code for this rule:

var Hello = require('./Hello');

<Hello name="John" />;

When Not To Use It

If you are not using JSX or if you do not use the no-unused-vars rule then you can disable this rule.