How to disable no-unused-vars errors when building from create-react-app?

Question

I'm trying to run npm build but I get "no-unused-vars" errors. I'd like to disable these.

My project is build with create-react-app (https://github.com/facebook/create-react-app), React + Typescript + Vite.

What I have tried:

tsconfig.json

"compilerOptions": { "noUnusedLocals": false, "noUnusedParameters": false, }

eslint.config.json

"no-unused-vars": [ "error", { caughtErrors: "none" } ],
"@typescript-eslint/no-unused-vars": ["off"]

.eslintrc.js

module.exports = {
    rules: {
        "no-unused-vars": "off",
        "@typescript-eslint/no-unused-vars": "off",
    }
}

package.json

"rules": {
    "no-unused-vars": "off",
    "@typescript-eslint/no-unused-vars": "off"
  }

What's the proper way to disable the "no-unused-var" errors in my React project? What should I try other than these solutions that haven't worked for me?

Disclaimer: I am NOT looking to put "_" before variables or suppressing the error with comments.

I expected the project to build without giving me "no-unused-vars" errors.

Can you add some details so we have a minimal reproducible example? — Mureinik
– Mureinik, Commented Apr 30 at 6:10
Unrelated to your question but it's highly recommended that you stop using CRA. See this wiki answer — Phil
– Phil, Commented Apr 30 at 6:47
Could you give an example of the context in which you see the errors? Do they appear as part of the build output and if so, what exactly do they look like? Please edit your question to show a concrete example — Phil
– Phil, Commented Apr 30 at 6:51
Based on this article you should be adding overrides to your ESLint config but it's not clear from your question if that's what you're doing. — Phil
– Phil, Commented Apr 30 at 6:58
Please provide enough code so others can better understand or reproduce the problem. — Community
– Community Bot, Commented Apr 30 at 7:31

Max Woolf · Accepted Answer · 2025-05-04 00:09:08Z

0

I solved this by updating the eslint install with npm i eslint then putting this in eslint.config.js:

rules: {
      ...reactHooks.configs.recommended.rules,
      'react-refresh/only-export-components': [
        'warn',
        { allowConstantExport: true },
      ],
      "no-unused-vars": 0,
      "@typescript-eslint/no-unused-vars": 0,
      "@typescript-eslint/no-explicit-any":0,
    },

But it only worked after upgrading the version of eslint that create-react-app has installed, for some reason.

As @Phil commented, create-react-app shouldn't be used as it's unmaintained.

answered May 4 at 0:09

Max Woolf

12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to disable no-unused-vars errors when building from create-react-app?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related