Proper mechanism to downgrade react-native

Question

My situation is this :

I had a working copy of a react-native project that was working well. Had it commited to my git repository.

I decided to upgrade react-native to 0.26.3 and then 0.28 and finally ended up in a big dependency mess with collisions. So decided to go back to previous working version. Reverted the changes. Removed node_modules folder from my working directory.

But now npm install just won't work.

My working dependencies in package.json

  "dependencies": {
    "immutable": "^3.8.1",
    "key-mirror": "^1.0.1",
    "react": "^15.0.2",
    "react-native": "^0.26.0",
    "react-native-router-flux": "^3.26.1",
    "react-redux": "^4.4.5",
    "redux": "^3.5.2",
    "redux-thunk": "^2.1.0",
    "strformat": "0.0.7"
  },
  "devDependencies": {
    "babel-core": "^6.10.4",
    "babel-jest": "^12.1.0",
    "babel-preset-es2015": "^6.9.0",
    "babel-preset-react-native": "^1.9.0",
    "babel-register": "^6.9.0",
    "chai": "^3.5.0",
    "fetch-mock": "^4.5.4",
    "jest-cli": "^12.1.1",
    "mocha": "^2.5.3",
    "mockery": "^1.7.0",
    "nock": "^8.0.0",
    "redux-mock-store": "^1.1.1",
    "sinon": "^1.17.4",
    "sinon-chai": "^2.8.0",
    "sinon-stub-promise": "^2.0.0"
  }

Now I get

npm ERR! peerinvalid The package react@15.1.0 does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer react-native@0.26.3 wants react@15.0.2
npm ERR! peerinvalid Peer react-redux@4.4.5 wants react@^0.14.0 || ^15.0.0-0

This just not makes sense to me, as my react dependency is 15.0.2 and react-native 0.26.0 as you can see in package.json.

Note that this is from a previous commit that was working (the whole lot). I also did a npm ls. Weirdly wrong dependencies are shown in the tree like wrong versions of react-native, react-native-router-flux, react.

link to ls output

I did. After reverting, I had to install `npm install` after reverting from source control — Sathyakumar Seshachalam, Jun 25 '16 at 01:48

score 25 · Answer 1 · edited Jul 24 '20 at 04:59

25

For existing projects if you want to install/downgrade to lower version

npm install react-native@x.x.x  ex: npm install react-native@0.43.4

This will install the version specified.

Check the installed version with react-native --version

edited Jul 24 '20 at 04:59

liamnickell

166
1
12

answered May 03 '17 at 04:51

chetan

905
3
11
19

How to downgrade properly not just project specific but globally? Is there a way? – Sagaryal Dec 22 '17 at 04:16
This is just locally? How to do it globally? – red-devil Aug 04 '18 at 20:23
check out [Upgrading react-native](https://facebook.github.io/react-native/docs/upgrading) . may be helpful. – chetan Aug 08 '18 at 05:48

Saranjith · Answer 2 · 2020-03-05T05:44:52.867

11

Update 2020

Just run

npm install react-native@0.43.8

Replace 0.43.8 with version you need.

edited Mar 05 '20 at 05:44

answered Jun 12 '18 at 05:20

Saranjith

10,400
3
60
107

score 10 · Accepted Answer · answered Jun 25 '16 at 07:15

Please update your react dependency in package.json to explicitly be 15.0.2, not ^15.0.2 since the latter resolves to 15.1.0 which causes this issue. It is recommended to leave it that way until you upgrade for the next time and get this error once again (to avoid react changing its version in the meantime and react-native not being ready for it).

Also, with npm3 EPEERINVALID is no longer an error, but warning.

Guy · Answer 4 · 2020-05-29T21:35:05.013

3

Downgrading React Native requires manual steps. I recommend using https://react-native-community.github.io/upgrade-helper/. here are my steps

Set your current version as base and select the previous minor release of react-native (You should downgrade one version at a time, it's not very easy to downgrade from 0.61.x to 0.59.x or lower using this method)
Revert all the changes made to files as displayed in the compare view
Delete node_modules folder, clear watchman, reset metro cache, Clear ios cached files and Android cached file.
yarn or npm install
Test that both iOS and Android version are working
(if needed) Repeat the steps to downgrade to another lower version

Important: If you're downgrading multiple versions then you should downgrade one version at a time. For example, downgrading from 0.61.x to 0.58.x, should towngrade to version 0.60.x first, test that it works in iOS and Android then move on and downgrade to version 0.59.x

edited May 29 '20 at 21:35

answered Sep 11 '18 at 19:09

Guy

2,653
1
28
37

Thanks for this. Do you know if it's necessary to update project.pbxproj by hand? Or does updating all the other files cause project.pbxproj to get updated automatically? – gkeenley Apr 10 '20 at 02:38
1

@gkeenley You have to update project.pbxproj by hand unfortunately – Guy Apr 10 '20 at 02:41
Ok thanks. Do you know generally what type of changes cause project.pbxproj to update automatically, and which ones don't? – gkeenley Apr 10 '20 at 03:12
1

The things that I know are: using Xcode and applying their recommended updates. using react-native upgrade or any command line tools that help upgrading react-native projects. – Guy Apr 10 '20 at 15:14
Those are the ones that do update it automatically? – gkeenley Apr 10 '20 at 15:21
1

As far as I know, yes. – Guy Apr 10 '20 at 20:40
1

Sorry I thought I had. Done now :) – gkeenley Apr 13 '20 at 17:31

score 2 · Answer 5 · edited Jun 25 '16 at 03:31

2

Try npm prune and then npm i again.

The command npm prune will basically remove all unwanted packages, and npm i will make sure all missing packages are installed.

edited Jun 25 '16 at 03:31

joe

2,458
2
11
19

answered Jun 25 '16 at 01:51

Rohit Shedage

21,079
1
12
17

please let me know if this does not fix your problem – Rohit Shedage Jun 25 '16 at 01:54
Hi, No it did not solve the problem. I also did `rm -rf ~/.npm`, `npm cache clear`. Absolutely nothing helps. – Sathyakumar Seshachalam Jun 25 '16 at 02:13
can you please delete entire project from local.. pull it back and do fresh npm i.. logically does not make sense but you never know it might fix your problem – Rohit Shedage Jun 25 '16 at 02:17
Tried that as well in vain. Am not sure what else is there to do. – Sathyakumar Seshachalam Jun 25 '16 at 02:57
Try to checkout few commits prior to upgrade – Rohit Shedage Jun 25 '16 at 03:18
thats precisely what I did and didnt work.I have raised a request with npm. Hopwfull some npm expert will help me out – Sathyakumar Seshachalam Jun 25 '16 at 04:04
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/115570/discussion-between-sathyakumar-seshachalam-and-rohit-shedage). – Sathyakumar Seshachalam Jun 25 '16 at 04:05

score 0 · Answer 6 · answered May 03 '17 at 06:26

0

If you're using react-native you can modify your package.json file with the versions that you need and then delete all your node modules rm -rf node_modules and then reinstall npm install

answered May 03 '17 at 06:26

David Vittori

1,057
1
12
27

This is not a recommended method – Saranjith Jul 24 '18 at 04:23

score 0 · Answer 7 · edited Dec 20 '19 at 11:37

0

If you change the version in Package.json and reinstall npm packages it will make build errors. Please refer and downgrade/upgrade to a specific version.

edited Dec 20 '19 at 11:37

Agilanbu

2,615
2
27
31

answered Dec 20 '19 at 09:43

Srinath

58
6

there is no build errors for me after downgrading, but the app crashes when it's run, it's blocked on a black screen. – Mehdi Chibani Oct 17 '20 at 09:58

Proper mechanism to downgrade react-native

7 Answers7

Update 2020

Linked