Problem: ESLint complains that my React Component variable is not being used

Problem: ESLint complains that my React Component variable is not being used

The violation alleged by ESLint:

'Routes' is assigned a value but never used.eslint(no-unused-vars)

The ESLint rule:

https://eslint.org/docs/rules/no-unused-vars

The screenshot of the ESLint violation:

React SFC 'Routes' is assigned a value but never used.eslint(no-unused-vars).

The proof that it's being used:

The Routes SFC is being used above.

And a complaint about this issue and suggested solutions in Github:

https://github.com/eslint/eslint/issues/2283

The solution I used:

Use the https://github.com/yannickcr/eslint-plugin-react ESLint plugin.

Make sure to follow all the configuration instructions in the eslint-plugin-react readme at the Github page.

After that I can confirm that the warning about the React component variable not being used disappeared.

Pics because otherwise it didn't happen:

The ESLint "no-unused-vars" violation is gone.

Ahhh Yes. Problem solved.