ReactJS is an opensource developed by Facebook, launched in 2013, and itself is a Javascript library used to build interactions with elements on the website. One of the most outstanding features of ReactJS is that rendering data can be done on the Server layer and below the Client.

When you are doing your task, you get the notification “Plugin “react” was conflicted between “package.json » eslint-config-react-app»“. This technical glitch is so popular that this could happen to anyone. Consequently, how did it come to be, and would it be addressable? We will discover together to find out the best solutions.

What is “Plugin “react” was conflicted between “package.json » eslint-config-react-app»” error?

When compiling your react app, you may suddenly face an error like this.

The plugin "react" was conflicted between "package.json » eslint-config-react-app »

Cause of error

Another user encountered this error while trying to install React with Visual Studio 2022 Standalone React project. The issue was that Visual Studio displayed his project name in capital letters, but the folder title was already in small caps. Thus, the main cause of the above error is the difference in the capitalization of directories.

Accessing files is still possible with a different capitalization because Windows filesystems tend to be one case-insensitive. However, the module loader does not see paths as identical with different capitalization (and certain OS manipulating methods for paths will result in the canonical path to be returned) and this is why the error.

Top Four Effective Methods

Now, surprise, you easily solved it by following the steps outlined below. Here are three solutions, you can learn about them and use it to fix this error

1) Rename folder

One simple way is you can manipulate it manually to change the folder name so that it matches the name displayed in VS.

2) Save package.json file

This approach is very simple. First and foremost, open the package. json file, then save with Cntrl + S, run your tool, and repeat the above step if you encounter the same problem. Your issue should now be corrected.

3) Downgrade to its version 6

For the third tip, you need to lower to version 6 of the eslint-config-react-app.

First, use this prompt to remove the eslint-config-react-app. 

yarn remove eslint-config-react-app

Then run this command to install [email protected]6. 

yarn add [email protected]

4) Create with the named “React2” 

• Close Visual Studio.
• Change the folder name to match with the project and case name . (from a git-bash shell: mv react2 React2 to solve the name case.)
• Run Visual Studio, and try to do it again

Conclusion

ReactJS is a JavaScript library specializing in helping developers build user interfaces or UIs. In front-end application programming, programmers will usually have to work on two main components: UI and handling user interaction.

If the mistake “Plugin “react” was conflicted between “package.json » eslint-config-react-app»” persists, try the alternatives listed below.

If you need assistance or even have basic Reactjs questions, a huge group of researchers has always been interested in helping. Finally, we wish all of our users a fantastic day filled with new concepts.