npm WARN @typescript-eslint/[email protected] requires a peer of typescript@*

try this:

1. Delete 'package-lock.json' file
2. In the Terminal go to the folder with your project and type 'npm install --save typescript'
3. Then type 'npm install'

It helped me.

You can also resolve this issue by just installing typescript (it's clearly written in the debug output)

$ npm install typescript

You may also use other package-managers in favor of npm like pnpm or yarn.

Update: You can also use an npm package that does this for you. Helpful when there are many peer dependencies.

The package is npm-install-peers. If you want slightly more control over these, you may want to check out install-peerdeps

Also, please do a further read on this StackOverflow answer.

I will list every little bit of gory detail, just in case for some people it is helpful:

1. Remove package-lock.json (rm package-lock.json) if necessary
2. yarn add @material-ui/core @material-ui/icons react-reveal react-scroll react-slick
3. Read messages to make sure the dependencies were added. If you see any, then yarn add them as well.
4. Change into your node_modules directory (cd node_modules) then list to make sure all your packages and dependencies were installed (ls)
5. Check your App.js to make sure your import has the correct path (whether you really should have a ../ or not)
6. Go to the browser tab that is running localhost:3000
7. Refresh the page (For Chrome, it's the upper left clockwise arrow to the left of where you enter the URL)

While trying to reproduce the same error, on a Windows 10 machine with Node and npm installed, created an app with

npx create-react-app APP_NAME

If I run

npm start

the application will run just fine if I go to http://localhost:3000/

In order to fix the problem you're getting, I'd just install Typescript

npm install typescript

and that should suffice.

add this in package.json:

"peerDependenciesMeta": {
"typescript": {
  "optional": true
}

}