Error: Defined Grunt React Component Not Used
When running Grunt, you encounter an unsolvable "defined but not used" error when defining and using a React component in the Stencil environment. This error is frustrating because you have defined and used the component, but the Grunt script won’t complete.
You are getting this error, but you are using the component correctly.
Resolving the Used Stencil ESLint Error
Run the following in your terminal.
npm install --save-dev eslint-plugin-react
Note: If you get an upstream conflict error add the --legacy-peer-deps flag to the above npm install.
Add the following to your .eslintrc file in the stencil project root directory.
'extends': [
'plugin:react/recommended'
]Now, you should no longer be getting the error!
Author: Maxwell Sherwin
Got stuck on a step in this article?
We like to update our blogs and articles to make sure they help resolve any troubleshooting difficulties you are having. Sometimes, there is a related feature to enable or a field to fill out that we miss during the instructions. If this article didn't resolve the issue, please use the chat and let us know so that we can update this article!