Install ESLint Dependencies

A priceless development dependency is ESLint.

ESLint is a code quality tool and if you don’t use it, your code will not be as good as it could be.

Since Babel is part of this stack, you need to configure ESLint to parse through what Babel is going to parse through. You should also use the main recommended ESLint configurations in addition to those recommended for React projects. Here are the packages you need for that:

npm i -D eslint @babel/eslint-parser eslint-plugin-react eslint-plugin-react-hooks

Updating babel-eslint to @babel/eslint-parser for React apps | Tim Addison (tjaddison.com)