CODEWITHSUNDEEP
reactjscreate-react-app
Wern Ancheta
Wern Ancheta

Reputation: 23317

How to make create-react-app check for unused imports

I mostly use create-react-app to spin up a new React project. A few days ago, I tried Vue for the first time and it has this feature where it basically prevents the app from running if you have unused imports in your code. Is it possible to give the same functionality to create-react-app?

Upvotes: 1

Views: 988

Answers (1)

Dennis Vash
Dennis Vash

Reputation: 53934

It already enabled by default (in CRA) by eslint rule no-unused-vars

'value' is defined but never used. (no-unused-vars)eslint

Which works for unused imports, for example this simple code yields a warning:

// 'useState' is defined but never used. (no-unused-vars)eslint
import React, {useState} from "react";

export default function App() {
  return <>...</>;
}

If you want to prevent the app from running, change the config to yield an error instead.

{
...
    "rules": {
        "no-unused-vars": ["error"]
    }
}

Upvotes: 1

Related Questions