Cant install Material UI to new react app

Question

Im new to the dev world and I'm trying to start a new react app using material UI as the component library but I keep getting the following error:

And my files look like this:

Can anyone help in layman's terms?

TIA

Answer 1

npm install --save --legacy-peer-deps @material-ui/core

this Material UI version does not support React v18 yet I suggest going for a lower version

Answer 2

I just did this:
-> npx create-react-app travel-advisor (<- that's the name of my app)
-> npm install --save react@17.0.0 react-dom@17.0.0

Answer 3

npm i @mui/material @emotion/react @emotion/styled