React 18?

[isaacdarcilla]

Add support for React 18

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: @mono/frontend@0.1.0
npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR!   react@"^18.2.0" from @mono/frontend@0.1.0
npm ERR!   packages/frontend
npm ERR!     @mono/frontend@0.1.0
npm ERR!     node_modules/@mono/frontend
npm ERR!       workspace packages\frontend from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"16.13.1" from @ideasio/add-to-homescreen-react@1.0.10
npm ERR! node_modules/@ideasio/add-to-homescreen-react
npm ERR!   @ideasio/add-to-homescreen-react@"*" from @mono/frontend@0.1.0
npm ERR!   packages/frontend
npm ERR!     @mono/frontend@0.1.0
npm ERR!     node_modules/@mono/frontend
npm ERR!       workspace packages\frontend from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

[Sahil-K123]

Hii , could u tell me what is the cmd u used then u get this issue ?

[isaacdarcilla]

npm i @ideasio/add-to-homescreen-react

https://www.npmjs.com/package/@ideasio/add-to-homescreen-react

[Sahil-K123]

In node modules is this dependency present already or not ?

[isaacdarcilla]

No, it's not.

[Sahil-K123]

See in this case u can do one thing delete the node_modules folder and package.lock.json file from your folder. And again do:
npm install
and after that do:
npm i @ideasio/add-to-homescreen-react

[HimanshuGupta-p1]

Until this is fixed for now you can delete the node_modules folder and package-lock.json. Next, open package.json and change
"react": "^18.0.0" & "react-dom": "^18.0.0" to an earlier version example:
"react": "^16.13.1" & "react-dom": "^16.13.1".
Finally, you can run npm install.

Alternative Solution (Try this first!):
solution suggested by joooni1998):

delete both node_modules and package-lock.json
run npm i web-vitals --save-dev
run npm install
and then you can use npm run build and npm start again

[likelightning]

Hey guys, would be great if you can update this to support React V18 :)

[karaxuna]

Adding overrides in package.json works as a workaround:

"overrides": {
    "@ideasio/add-to-homescreen-react": {
        "react": "$react",
        "react-dom": "$react-dom"
    }
}