"eslint-config-react-app" issue with create-react-app version 5

Question

I have decided to upgrade to the new version of create-react-app and after doing so I tried launching the app via "npm start" and whenever it has loaded onto the screen the error below pops up:

Compiled with problems:X ERROR Plugin "react" was conflicted between "package.json » eslint-config-react-app » C:\Users\27par\Desktop\React Projects\development\finevines\node_modules\eslint-config-react-app\base.js" and "BaseConfig » C:\Users\27par\Desktop\React Projects\Development\finevines\node_modules\eslint-config-react-app\base.js".

Image of error: https://gyazo.com/a03be194379ea52e6d7ddd697eefb8aa

I am wondering if anyone else is having the same issue as me and if there is any possible fix for it.

Thank you.

Answer 1

You need to update all the packages as in the case of eslint-config-react-app 's package.json it would have the previous version of create-react-app . So, basically the error is telling you that you are updating to the new version, but the other libraries in your project use another version.

Try doing - npm run update

Answer 2

Just try running npm update in the terminal being in the root directory of the folder. Hope this works.

Answer 3

It is a known issue https://github.com/facebook/create-react-app/issues/11825 .

You need to clear your.lock file .

Answer 4

have tried the solution but hasn't worked for me