npm install fails with react 17.0.1 and react-native 0.64.0 #2603

aboodtech · 2021-03-15T10:57:07Z

Current behaviour

npm install react-native-paper fails with latest react-native release 0.64.0

Error is displayed when trying to install react-native-paper using npm

Expected behaviour

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@"17.0.1" from react-native@0.64.0
npm ERR! node_modules/react-native
npm ERR! peer react-native@">=0.64.0-rc.0 || 0.0.0-" from @react-native-community/cli@5.0.1-alpha.1
npm ERR! node_modules/@react-native-community/cli
npm ERR! @react-native-community/cli@"^5.0.1-alpha.0" from react-native@0.64.0
npm ERR! react-native@"0.64.0" from the root project
npm ERR! 1 more (react-native-paper)
npm ERR! peer react@"^16.0.0 || ^17.0.0" from react-shallow-renderer@16.14.1
npm ERR! node_modules/react-shallow-renderer
npm ERR! react-shallow-renderer@"^16.13.1" from react-test-renderer@17.0.1
npm ERR! node_modules/react-test-renderer
npm ERR! dev react-test-renderer@"17.0.1" from the root project
npm ERR! 4 more (react-test-renderer, use-subscription, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.3.0" from @callstack/react-theme-provider@3.0.5
npm ERR! node_modules/react-native-paper/node_modules/@callstack/react-theme-provider
npm ERR! @callstack/react-theme-provider@"^3.0.5" from react-native-paper@4.7.2
npm ERR! node_modules/react-native-paper
npm ERR! react-native-paper@"" 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 /Users/xx/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/xx/.npm/_logs/2021-03-15T10_46_15_026Z-debug.log

Code sample

npx react-native init MyTestApp
cd MyTestApp && npm install react-native-paper

Screenshots (if applicable)

What have you tried

yarn seems to work fine.

Your Environment

software	version
ios or android	both
react-native	0.64.0
react-native-paper	4.7.2
node	v14.15.1
npm or yarn	npm: 7.6.3
expo sdk

github-actions · 2021-03-15T10:57:27Z

Couldn't find version numbers for the following packages in the issue:

react-native-vector-icons
npm
yarn
expo

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

github-actions · 2021-03-15T10:59:12Z

Couldn't find version numbers for the following packages in the issue:

react-native-vector-icons
npm
expo

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

yarn (found: 7.6.3, latest: 1.22.10)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

github-actions · 2021-03-15T10:59:32Z

Couldn't find version numbers for the following packages in the issue:

react-native-vector-icons
yarn
expo

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

hussainahmad · 2021-03-16T05:14:37Z

+1 unable to install react-native-paper with latest react-native.

kuasha420 · 2021-03-17T18:19:30Z

Yarn can install react native paper on a freshly generated RN64 Project .

geovrisco · 2021-03-18T07:21:59Z

Yarn can install react native paper on a freshly generated RN64 Project .

im using npm but get the same error, any workaround for this particular issue?

raajnadar · 2021-03-18T07:23:57Z

use yarn it will resolve many issues.

kuasha420 · 2021-03-18T07:24:22Z

Very odd, I've just installed paper after creating a fresh project with typescript template.

siof · 2021-04-01T16:53:27Z

Using:
"react": "17.0.1"
"react-native": "0.64.0"
"react-native-paper": "^4.7.2"
"npm": "^6.14.11"

When trying to install dependencies (by using npm install) i'm getting:
@callstack/react-theme-provider@3.0.5 requires a peer of react@^16.3.0 but none is installed. You must install peer dependencies yourself.

react-theme-provider in version 3.0.5 is dependency of react-native-paper in version 4.7.2

I'm not sure but maybe this mismatch in required versions is causing problem.

nalzayat · 2021-04-09T01:12:56Z

Having this problem as well on a fresh new react-native ts template when using npm.

"react": "17.0.1"
"react-native": "0.64.0"
"react-native-paper": "^4.7.2"
"npm": "^7.7.6"

I used yarn instead and it worked.

RishabhKarnad · 2021-04-19T09:12:04Z

For those using npm 7, for now, these options seem to work

Pass the --legacy-peer-deps flag when using npm commands
Downgrade to npm 6 which is less strict with peer dependencies

Original answer on stackoverflow: https://stackoverflow.com/a/65568080

AlanSl · 2021-04-19T10:16:57Z

tldr: looks like this is a bug in NPM not an issue with react-native-paper, try adding --force to your npm install command for now (or use Yarn).

I think this issue isn't specific to react-native-paper, I'm getting the same from installing react-navigation.

It appears to be caused by (a bug in?) NPM 7's new strictness in handling peer dependencies:

react-native-paper (and many others) says "I'm happy with any version of react" (peer dep react: "*")
- NPM7 says "Okay, here's the latest, 17.0.2"
react-native-paper (and many others) says "I'm happy with any version of react-native" (peer dep react-native: "*")
- NPM7 says "Okay, here's the latest, 0.64.0"
react-native 0.64.0 says "I specifically want react 17.0.1 please" (peer dep react: "17.0.1", it's 17.0.2 in the next release but that's not out yet)
- NPM7 says "BUT WE'VE ALREADY INSTALLED 17.0.2! THIS IS A DISASTER" and crashes

Yarn in the same situation just installs React 17.0.1, and everyone is happy. I'd call this a bug in NPM and it looks like I'm not alone: NPM bug report npm/cli#3083 and PR npm/arborist#266

In the meantime, this current NPM7 behaviour can be temporarily bypassed by either:

Passing --force, which outputs warnings instead of crashing (I'd try this first)
Passing --legacy-peer-deps, which doesn't install any missing peer dependencies (like NPM <=6)

Update May 2021 - The NPM bug is still there, the above-linked PR failed to fix it, they've opened a new issue npm/cli#3171 so we still need to keeping using --force (or, switch to Yarn).

bchander29feb · 2021-05-04T12:28:03Z

i was having same issue with npm

$ npm i react-native-paper
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@"17.0.1" from react-native@0.64.0
npm ERR! node_modules/react-native
npm ERR! peer react-native@">=0.64.0-rc.0 || 0.0.0-" from @react-native-community/cli@5.0.1-alpha.2
npm ERR! node_modules/@react-native-community/cli
npm ERR! @react-native-community/cli@"^5.0.1-alpha.0" from react-native@0.64.0
npm ERR! react-native@"0.64.0" from the root project
npm ERR! 1 more (react-native-paper)
npm ERR! peer react@"^16.0.0 || ^17.0.0" from react-shallow-renderer@16.14.1
npm ERR! node_modules/react-shallow-renderer
npm ERR! react-shallow-renderer@"^16.13.1" from react-test-renderer@17.0.1
npm ERR! node_modules/react-test-renderer
npm ERR! dev react-test-renderer@"17.0.1" from the root project
npm ERR! 4 more (react-test-renderer, use-subscription, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.3.0" from @callstack/react-theme-provider@3.0.5
npm ERR! node_modules/react-native-paper/node_modules/@callstack/react-theme-provider
npm ERR! @callstack/react-theme-provider@"^3.0.5" from react-native-paper@4.8.1
npm ERR! node_modules/react-native-paper
npm ERR! react-native-paper@"" 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\DELL\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\DELL\AppData\Local\npm-cache_logs\2021-05-04T12_20_14_663Z-debug.log

kuasha420 · 2021-05-04T16:29:57Z

for NPM v7 use

npm i --legacy-peer-deps

or use yarn.

hi337 · 2021-05-15T01:48:41Z

+1 same error. Are you sure running the command with --force doesn't break things

aboodtech · 2021-05-15T06:27:50Z

I got it working at the end by uninstalling latest nodeJS version (16x) and made sure my PATH only points at the stable version (14.15.1).

DONT use latest version of node, instead use the stable (recommended one)

chandniKkpl · 2021-07-08T08:31:49Z

for NPM v7 use

npm i --legacy-peer-deps

or use yarn.

not work for me

xuya227939 · 2021-07-25T13:08:46Z

@RishabhKarnad Thanks，It works for me.

SaadWaheed10 · 2021-08-01T07:56:04Z

Current behaviour

npm install react-native-paper fails with latest react-native release 0.64.0

Error is displayed when trying to install react-native-paper using npm

Expected behaviour

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@"17.0.1" from react-native@0.64.0
npm ERR! node_modules/react-native
npm ERR! peer react-native@">=0.64.0-rc.0 || 0.0.0-" from @react-native-community/cli@5.0.1-alpha.1 npm ERR! node_modules/@react-native-community/cli npm ERR! @react-native-community/cli@"^5.0.1-alpha.0" from react-native@0.64.0 npm ERR! react-native@"0.64.0" from the root project npm ERR! 1 more (react-native-paper) npm ERR! peer react@"^16.0.0 || ^17.0.0" from react-shallow-renderer@16.14.1 npm ERR! node_modules/react-shallow-renderer npm ERR! react-shallow-renderer@"^16.13.1" from react-test-renderer@17.0.1 npm ERR! node_modules/react-test-renderer npm ERR! dev react-test-renderer@"17.0.1" from the root project npm ERR! 4 more (react-test-renderer, use-subscription, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^16.3.0" from @callstack/react-theme-provider@3.0.5 npm ERR! node_modules/react-native-paper/node_modules/@callstack/react-theme-provider npm ERR! @callstack/react-theme-provider@"^3.0.5" from react-native-paper@4.7.2 npm ERR! node_modules/react-native-paper npm ERR! react-native-paper@"" 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 /Users/xx/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/xx/.npm/_logs/2021-03-15T10_46_15_026Z-debug.log

Code sample

npx react-native init MyTestApp
cd MyTestApp && npm install react-native-paper

Screenshots (if applicable)

What have you tried

yarn seems to work fine.

Your Environment

software version
ios or android both
react-native 0.64.0
react-native-paper 4.7.2
node v14.15.1
npm or yarn npm: 7.6.3
expo sdk

try yarn!

yarn install.
yarn add react-native-paper.

it worked for me.

Selenestica · 2021-08-04T14:46:03Z

npm i --legacy-peer-deps didn't work for me, but
npm i react-native-paper --force did work.

razavistag · 2021-08-19T15:56:54Z

for NPM v7 use

npm i --legacy-peer-deps

or use yarn.

Thank you mate this works for me on

"dependencies": { 
    "react": "17.0.2",
    "react-native": "0.65.0"
},

npm i --legacy-peer-deps
npm install @ant-design/react-native --save

kevincoleman · 2021-08-30T06:38:21Z

I have what I believe is this problem, still. I’m using react 17.0.1 and react native 0.64.2. I’ve tried installing with yarn and with npm. I’ve tried upgrading node to 16.x with npm 7.x and then back to 14.x with npm 6.14.14.

I’m doing a full rebuild of the project every time, including removing node_modules and lock file(s), doing a full pod install after removing Podfile.lock, clearing bundler cache, and cleaning the build folder before building in xcode. Just no joy.

My error is consistently:

error Unable to resolve module fs from /Users/(user)/(project path)/node_modules/firebase-admin/lib/firebase-namespace.js: fs could not be found within the project or in these directories:
  node_modules

Ironically, installing with yarn worked fine for me just yesterday. Perhaps I have another issue and this thread is just a red herring... :(

Edit:

Aha! I discovered that there are (weirdly) two ways you can import firebase-admin into react native projects. I guess I was doing import { firestore } from "firebase-admin" and I needed to be doing import firestore from '@react-native-firebase/firestore' So, this was indeed a red herring, but I’ll leave my comment around in case anyone else with my problem finds this thread while looking for a solution. Carry on!

lukewalczak · 2021-10-15T19:25:18Z

Thanks to the PR the issue should be fixed, however we are planning the release in the upcoming weeks, so in the meantime you can try install from the main branch.

liskibruh · 2022-07-05T12:19:34Z

I had this issue and nothing seemed to work. I fixed it by downgrading node to version 12.14.1 Uninstall the current node version and install 12.14.1 from this link.

IsiteYves · 2022-08-03T14:37:33Z

yarn install seems to resolve the issue on my side too!👌

Dat-Mobile · 2023-04-30T15:35:49Z

I always use this

npm i --force

AlanSl mentioned this issue Apr 19, 2021

[BUG] Multiple related packages install fail due to wrong peerDependencies resolution npm/cli#3083

Closed

allenmanning mentioned this issue Apr 22, 2021

Update to React 17 so we can use with React Native 0.64.0 callstack/react-theme-provider#101

Closed

jaworek mentioned this issue Oct 15, 2021

chore: upgrade react-theme-provider #2930

Merged

lukewalczak closed this as completed in #2930 Oct 15, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

npm install fails with react 17.0.1 and react-native 0.64.0 #2603

npm install fails with react 17.0.1 and react-native 0.64.0 #2603

aboodtech commented Mar 15, 2021 •

edited

Loading

github-actions bot commented Mar 15, 2021

github-actions bot commented Mar 15, 2021

github-actions bot commented Mar 15, 2021

hussainahmad commented Mar 16, 2021

kuasha420 commented Mar 17, 2021

geovrisco commented Mar 18, 2021

raajnadar commented Mar 18, 2021

kuasha420 commented Mar 18, 2021

siof commented Apr 1, 2021 •

edited

Loading

nalzayat commented Apr 9, 2021 •

edited

Loading

RishabhKarnad commented Apr 19, 2021 •

edited

Loading

AlanSl commented Apr 19, 2021 •

edited

Loading

bchander29feb commented May 4, 2021

kuasha420 commented May 4, 2021

hi337 commented May 15, 2021

aboodtech commented May 15, 2021

chandniKkpl commented Jul 8, 2021

xuya227939 commented Jul 25, 2021

SaadWaheed10 commented Aug 1, 2021

Current behaviour

Expected behaviour

Code sample

Screenshots (if applicable)

What have you tried

Your Environment

Selenestica commented Aug 4, 2021

razavistag commented Aug 19, 2021

kevincoleman commented Aug 30, 2021 •

edited

Loading

lukewalczak commented Oct 15, 2021

liskibruh commented Jul 5, 2022 •

edited

Loading

IsiteYves commented Aug 3, 2022

Dat-Mobile commented Apr 30, 2023

npm install fails with react 17.0.1 and react-native 0.64.0 #2603

npm install fails with react 17.0.1 and react-native 0.64.0 #2603

Comments

aboodtech commented Mar 15, 2021 • edited Loading

Current behaviour

Expected behaviour

Code sample

Screenshots (if applicable)

What have you tried

Your Environment

github-actions bot commented Mar 15, 2021

github-actions bot commented Mar 15, 2021

github-actions bot commented Mar 15, 2021

hussainahmad commented Mar 16, 2021

kuasha420 commented Mar 17, 2021

geovrisco commented Mar 18, 2021

raajnadar commented Mar 18, 2021

kuasha420 commented Mar 18, 2021

siof commented Apr 1, 2021 • edited Loading

nalzayat commented Apr 9, 2021 • edited Loading

RishabhKarnad commented Apr 19, 2021 • edited Loading

AlanSl commented Apr 19, 2021 • edited Loading

bchander29feb commented May 4, 2021

kuasha420 commented May 4, 2021

hi337 commented May 15, 2021

aboodtech commented May 15, 2021

chandniKkpl commented Jul 8, 2021

xuya227939 commented Jul 25, 2021

SaadWaheed10 commented Aug 1, 2021

Current behaviour

Expected behaviour

Code sample

Screenshots (if applicable)

What have you tried

Your Environment

Selenestica commented Aug 4, 2021

razavistag commented Aug 19, 2021

kevincoleman commented Aug 30, 2021 • edited Loading

lukewalczak commented Oct 15, 2021

liskibruh commented Jul 5, 2022 • edited Loading

IsiteYves commented Aug 3, 2022

Dat-Mobile commented Apr 30, 2023

aboodtech commented Mar 15, 2021 •

edited

Loading

siof commented Apr 1, 2021 •

edited

Loading

nalzayat commented Apr 9, 2021 •

edited

Loading

RishabhKarnad commented Apr 19, 2021 •

edited

Loading

AlanSl commented Apr 19, 2021 •

edited

Loading

kevincoleman commented Aug 30, 2021 •

edited

Loading

liskibruh commented Jul 5, 2022 •

edited

Loading