React Rich text editor is not installing - reactjs

I'm trying to use React mui rte from Here but when I tried npm install mui-rte --save its showing the below error:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: hiretripple#0.1.0
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! peer react#"^17.0.0 || ^18.0.0" from #mui/icons-material#5.8.4
npm ERR! node_modules/#mui/icons-material
npm ERR! #mui/icons-material#"^5.8.4" from the root project
npm ERR! peer #mui/icons-material#"^5.0.0" from mui-rte#2.0.1
npm ERR! node_modules/mui-rte
npm ERR! mui-rte#"*" from the root project
npm ERR! peer react#"^17.0.0 || ^18.0.0" from #mui/material#5.8.6
npm ERR! node_modules/#mui/material
npm ERR! #mui/material#"^5.8.5" from the root project
npm ERR! peer #mui/material#"^5.0.0" from mui-rte#2.0.1
npm ERR! node_modules/mui-rte
npm ERR! mui-rte#"*" from the root project
npm ERR! 1 more (#mui/icons-material)
npm ERR! 3 more (#emotion/react, #emotion/styled, react-dom)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^17.0.0" from #mui/styles#5.8.6
npm ERR! node_modules/#mui/styles
npm ERR! peer #mui/styles#"^5.0.0" from mui-rte#2.0.1
npm ERR! node_modules/mui-rte
npm ERR! mui-rte#"*" 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.
How can I resolve the problem? or is there any other best text editor that I can use?

You can install this package using
npm install --legacy-peer-deps
Then try to install your package

Related

when I write npm install -D tailwindcss in my vscode terminal then it shows " npm EER! code ERESOLVE"

npm install -D tailwindcss
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving:
react-google-login#5.2.2
npm ERR! Found: react#18.1.0
npm ERR! node_modules/react
npm ERR! peer react#">=16.8.0" from #react-oauth/google#0.2.8
npm ERR! node_modules/#react-oauth/google
npm ERR! #react-oauth/google#"^0.2.6" from the root project
npm ERR! peer react#"^17.0.2 || ^18.0.0-0" from next#12.1.6
npm ERR! node_modules/next
npm ERR! next#"12.1.6" from the root project
npm ERR! peer next#">=10.2.0" from eslint-config-next#12.1.6
npm ERR! node_modules/eslint-config-next
npm ERR! dev eslint-config-next#"12.1.6" from
the root project
npm ERR! 6 more (react-dom, react-icons, styled-jsx, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16 || ^17" from react-google-login#5.2.2
npm ERR! node_modules/react-google-login
npm ERR! react-google-login#"^5.2.2" from the root project
npm ERR!
npm ERR! Conflicting peer
dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^16 || ^17" from react-google-login#5.2.2
npm ERR! node_modules/react-google-login
npm ERR! react-google-login#"^5.2.2" 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.
npm ERR!
npm ERR! See C:\Users\visitor\AppData\Local\npm-cache\eresolve-report.txt for
a full report.
npm ERR! A complete log of this run can be found in:npm ERR! C:\Users\visitor\AppData\Local\npm-cache_logs\2022-10-28T06_41_44_897Z-debug-0.log
I was expecting that Tailwind css to be installed
Try to install it using the legacy peer dependencies flag.
npm install -D tailwindcss --legacy-peer-deps

npm ERR code ERESOLVE facing this issue while trying to install react packages

I have materials-ui already installed and when i tried to install other react packages im getting this error and nothing related to npm is working properly please help
PS
C:\Users\panna\OneDrive\Desktop\forms\google_form> npm install #mui/lab
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: #material-ui/core#4.12.4
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! peer react#"^17.0.0 || ^18.0.0" from #mui/base#5.0.0-alpha.105
npm ERR! node_modules/#mui/base
npm ERR! #mui/base#"5.0.0-alpha.105" from #mui/material#5.10.13
npm ERR! node_modules/#mui/material
npm ERR! #mui/material#"^5.10.13" from the root project
npm ERR! 1 more (#mui/lab)
npm ERR! #mui/base#"5.0.0-alpha.105" from #mui/lab#5.0.0-alpha.107
npm ERR! node_modules/#mui/lab
npm ERR! #mui/lab#"*" from the root project
npm ERR! peer react#"^17.0.0 || ^18.0.0" from #mui/material#5.10.13
npm ERR! node_modules/#mui/material
npm ERR! #mui/material#"^5.10.13" from the root project
npm ERR! peer #mui/material#"^5.0.0" from #mui/lab#5.0.0-alpha.107
npm ERR! node_modules/#mui/lab
npm ERR! #mui/lab#"*" from the root project
npm ERR! 11 more (#mui/private-theming, #mui/styled-engine, #mui/system, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16.8.0 || ^17.0.0" from #material-ui/core#4.12.4
npm ERR! node_modules/#material-ui/core
npm ERR! peer #material-ui/core#"^4.0.0" from #material-ui/icons#4.11.3
npm ERR! node_modules/#material-ui/icons
npm ERR! #material-ui/icons#"^4.11.3" from the root project
npm ERR! #material-ui/core#"^4.12.4" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^16.8.0 || ^17.0.0" from #material-ui/core#4.12.4
npm ERR! node_modules/#material-ui/core
npm ERR! node_modules/#material-ui/icons
npm ERR! #material-ui/icons#"^4.11.3" from the root project
npm ERR! #material-ui/core#"^4.12.4" 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.
npm ERR!
npm ERR! See C:\Users\panna\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\panna\AppData\Local\npm-cache\_logs\2022-11-13T18_48_18_070Z-debug-0.log
og
I tried uninstalling materials ui and many more thing whatever was availble on the net but couldnt find anything similar , it is my first time using reacts packages please help
This is because you are using React 18 with MUI v4
you can choose one of these approaches:
Update your MUI to v5
or
Downgrade your React Version to 17
or if you want to keep these version just simply use this flag --legacy-peer-deps
for example: npm install #mui/lab --legacy-peer-deps
then you can install everything
But Preferably Update your MUI to version 5.

Installing #mui/material results in dependency conflict

I am trying to install #mui/material
npm install #mui/material
But, when I do it throws this error:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: paper-kit-react#1.0.0
npm ERR! Found: react#16.8.6
npm ERR! node_modules/react
npm ERR! react#"16.8.6" from the root project
npm ERR! peer react#">=16.8.0" from #emotion/react#11.10.4
npm ERR! node_modules/#emotion/react
npm ERR! #emotion/react#"^11.10.4" from the root project
npm ERR! peerOptional #emotion/react#"^11.5.0" from #mui/material#5.10.5
npm ERR! node_modules/#mui/material
npm ERR! #mui/material#"*" from the root project
npm ERR! 1 more (#emotion/styled)
npm ERR! 1 more (#emotion/styled)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^17.0.0 || ^18.0.0" from #mui/material#5.10.5
npm ERR! node_modules/#mui/material
npm ERR! #mui/material#"*" 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.
npm ERR!
npm ERR! See /home/pc/.npm/eresolve-report.txt for a full report.
Any idea what's going on?
As I can see you are using React Version 16.8.6 .
You need at least React Version >= 17.0.0 as you can read in the MUI docs.
I hope this solves your problem.

Problem with installing react 18 + typescript + redu-toolkit

I have a problem with creating project with new react 18/ typescript and redux-toolkit.
I am trying to install #reduxjs/toolkit, but I see an error:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: #reduxjs/toolkit#1.8.0
npm ERR! Found: react#18.0.0
npm ERR! node_modules/react
npm ERR! peer react#"*" from #testing-library/react#12.1.4
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^12.1.4" from the root project
npm ERR! peer react#"^18.0.0" from react-dom#18.0.0
npm ERR! node_modules/react-dom
npm ERR! peer react-dom#"*" from #testing-library/react#12.1.4
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^12.1.4" from the root project
npm ERR! react-dom#"^18.0.0" from the root project
npm ERR! 2 more (react-scripts, the root project)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional react#"^16.9.0 || ^17.0.0 || 18.0.0-beta" from #reduxjs/toolkit#1.8.0
npm ERR! node_modules/#reduxjs/toolkit
npm ERR! #reduxjs/toolkit#"*" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peerOptional react#"^16.9.0 || ^17.0.0 || 18.0.0-beta" from #reduxjs/toolkit#1.8.0
npm ERR! node_modules/#reduxjs/toolkit
npm ERR! #reduxjs/toolkit#"*" 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.
This will be fixed by a new release in the next few days - until then you will have to run the command with --force or --legacy-peer-deps as shown in the command.
Edit: should be working now: https://twitter.com/acemarke/status/1509540340088328196

react suite (rsuite) package installation is failing

When I tried to install rsuite (version 4.9.3) package using the command,
npm i rsuite
I am getting this error. Can anyone help me with this installation process?
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: react#17.0.1
npm ERR! node_modules/react
npm ERR! peer react#"*" from #testing-library/react#11.2.5
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^11.2.5" from the root project
npm ERR! peer react#"^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0" from mini-create-react-context#0.4.1
npm ERR! node_modules/mini-create-react-context
npm ERR! mini-create-react-context#"^0.4.0" from react-router#5.2.0
npm ERR! node_modules/react-router
npm ERR! react-router#"5.2.0" from react-router-dom#5.2.0
npm ERR! node_modules/react-router-dom
npm ERR! react-router-dom#"^5.2.0" from the root project
npm ERR! 1 more (the root project)
npm ERR! 6 more (react-dom, react-router, react-router-dom, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^15.3.0 || ^16.0.0-alpha" from react-virtualized#9.22.3
npm ERR! node_modules/rsuite/node_modules/react-virtualized
npm ERR! react-virtualized#"^9.21.0" from rsuite#4.9.3
npm ERR! node_modules/rsuite
npm ERR! rsuite#"*" 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.
npm ERR!
npm ERR! See /home/mikhil/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/mikhil/.npm/_logs/2021-03-22T06_42_23_555Z-debug.log
You try the following command
npm install --force
or
npm install --legacy-peer-deps

Resources