npm ERR! peer react@"15.3.0 - 16.x" from [email protected] with NPM 7 or above install

[Chen-BBe]

Please update & test to latest react version, although it can be ignored by -- force with NPM or downgrade to NPM 6*, but a bit annoying to see it print out in my console.
peer react@"15.3.0 - 16.x" from [email protected]

The complete error below:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected] // this my project name, ignore it.
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^17.0.2" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"15.3.0 - 16.x" from [email protected] // does not work with NPM 7, unless --force
npm ERR! node_modules/react-vis
npm ERR! react-vis@"^1.11.7" 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\Steven.bi\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\Steven.bi\AppData\Local\npm-cache_logs\2021-10-28T02_42_43_485Z-debug.log

[kiernan]

Same thing still occurring in 2022.

[guguji5]

+1

[VanjaVizi]

+1

[JustinB-AB]

+1

npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^18.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"15.3.0 - 16.x" from [email protected]
npm ERR! node_modules/react-vis
npm ERR! react-vis@"*" from the root project

[McleanWorkshield]

+1

Is this something that plans on getting fixed?

[JustinB-AB]

@McleanWorkshield I noticed after posting my comment that the last update was a Deprecated notice, as the library is without maintainers. I decided to go with a graph library called Victory for react myself.

[McleanWorkshield]

@Digichain Thanks! After posting I saw the date last published and started to assume the worst. Looks like a new refactor project coming my way.

I'll check out Victory!

[babay123]

You can overwrite react version for react-vis adding this in package.json

 "overrides": { 
    "react-vis": {
      "react": "^17.0.2"
    }
  }

Example:

{
  "dependencies": {
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-vis": "^1.11.7"
  },
  "overrides": {
    "react-vis": {
      "react": "^17.0.2",
      "react-dom": "^17.0.2"
    }
  }
}

[McleanWorkshield]

@babay123 -- Much appreciated!!

[josephecombs]

I also needed to override react-dom:

  "overrides": {
    "react-vis": {
      "react": "^17.0.2",
      "react": "^17.0.2"
    }
  }
}