Grunt React Component Defined but not Used Stencil ESLint Error

person touching and pointing MacBook Pro

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!

 
 

Want to keep learning?

Our team of NetSuite professionals has written articles on a wide variety of NetSuite topics, from SuiteCommerce tips, to recommended NetSuite solutions, to available support services, and more! 

Your cart