Nativebase: UNMET PEER DEPENDENCIES

[emekalites]

Hi,
These are the versions for my react native application
"react": "16.0.0-alpha.6",
"react-native": "0.44.0",
"react-native-vector-icons": "^4.0.1"

While installing [email protected], i ran into this issues:

npm WARN @shoutem/[email protected] requires a peer of react@^15.0.0 but none was installed.
npm WARN [email protected] requires a peer of react@>=15.1.0 but none was installed.
npm WARN [email protected] requires a peer of react@^0.13.0 || ^0.14.0 || ^15.0.0 but none was installed.

Please i need an advice on how i can install native-base to work with my current versions or do i have to downgrade to a lower version of react-native that supports react@^15.0.0

[yogeshmoradiya121]

same problem

[iegik]

Same problem:

npm WARN [email protected] requires a peer of react@>=16.0.0-alpha.3 but none was installed.
npm WARN [email protected] requires a peer of react-native-vector-icons@~4.0.0 but none was installed.

[notabeatle]

Same shoutem issues, but trying to use RN 0.43.0, not 0.44.0.

[SupriyaKalghatgi]

Fixed with 2.1.4

[jpgnotgif]

@SupriyaKalghatgi - Has this fix been verified by anyone above or on the GeekyAnts team? ( @emekalites, @yogeshmoradiya121, @iegik or @a-shark)? I'm still seeing this issue.

How I'm installing nativebase: npm install [email protected] -S

A portion of my package.json

  "dependencies": {
    "native-base": "^2.1.4",
    "react": "16.0.0-alpha.6",
    "react-native": "0.44.2"
  },
  "devDependencies": {
    "babel-jest": "20.0.3",
    "babel-preset-react-native": "1.9.2",
    "eslint": "^3.19.0",
    "eslint-plugin-react": "^7.0.1",
    "eslint-plugin-react-native": "^2.3.2",
    "jest": "20.0.4",
    "react-test-renderer": "16.0.0-alpha.6"
  }

[iegik]

├─┬ [email protected] 
...
├─┬ [email protected] 
...
├─┬ [email protected] 
│ ├─┬ @shoutem/[email protected] 
│ │ └── [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ ├── [email protected] 
│ │ ├─┬ [email protected] 
│ │ │ └── [email protected] 
│ │ └── [email protected] 
│ ├─┬ [email protected] 
│ │ └── [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ ├── UNMET PEER DEPENDENCY react@^15.0.0
│ ├── [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ ├── [email protected] 
│ ├─┬ [email protected] 
│ │ └─┬ [email protected] 
│ │   └── [email protected] 
│ └── [email protected] 

npm WARN [email protected] requires a peer of react@>=15.1.0 but none was installed.
npm WARN @shoutem/[email protected] requires a peer of react@^15.0.0 but none was installed.

[yehiabairm]

still get the same issue with this command "npm install [email protected] -S"

[email protected] postinstall /Users/yehiaberam/Documents/projects/AwesomeNativeBase/node_modules/native-base
node addEjectScript.js

┌────────────────────────────────────────────────────────────────────────────────────────────┐
│ NativeBase 2.0 has been succesfully installed! │
│ Run node node_modules/native-base/ejectTheme.js to copy over theme config and variables. │
│ Head over to the docs for detailed information on how to make changes to the theme. │
└────────────────────────────────────────────────────────────────────────────────────────────┘
[email protected] /Users/yehiaberam/Documents/projects/AwesomeNativeBase
└─┬ [email protected]
└── UNMET PEER DEPENDENCY react@^15.0.0

npm WARN [email protected] requires a peer of react@>=15.1.0 but none was installed.
npm WARN @shoutem/[email protected] requires a peer of react@^15.0.0 but none was installed.

so what to do with this issues !!!!

[emekalites]

@SupriyaKalghatgi this issue hasnt been fixed at all

[sankhadeeproy007]

Hi, apart from the warning, are you facing any problems using the library?

[emekalites]

@sankhadeeproy007 [email protected], [email protected] with [email protected] works well. Using anything higher than the said versions of RN and react is the issue.

[sankhadeeproy007]

Okay, thanks for the info, will be fixed tomorrow in the new patch :)

[SupriyaKalghatgi]

Check NativeBase 2.1.5

[iegik]

├─┬ [email protected] 
│ ├─┬ [email protected] 
│ │ └─┬ [email protected] 
│ │   └─┬ [email protected] 
│ │     └── [email protected] 
│ ├── [email protected] 
│ ├── UNMET PEER DEPENDENCY react@^15.0.0
│ └── [email protected] 
└── UNMET PEER DEPENDENCY [email protected]

[iegik]

2.1.5 craches my app in several places!

2.1.4

        return color(this.toolbarDefaultBg).darken(0.2).hexString();

->
2.1.5

        return color(this.toolbarDefaultBg).darken(0.2).hex();

[didil]

changing .hexString() to .hex() everywhere worked for me

[iegik]

https://github.com/GeekyAnts/NativeBase/issues/937

[iegik]

https://github.com/GeekyAnts/NativeBase/pull/939

[leu2tm]

I get the error when doing yarn check

error "native-base#@shoutem/animation#react@^15.0.0" doesn't satisfy found match of "[email protected]"

 "dependencies":  {
    "native-base": "2.2.1",
    "react": "16.0.0-alpha.12",
    "react-native": "0.46.1",
  }

Is there any solution for this?

[ohir]

Acked: with fresh react-native init then native-base install I got outdated dependency
...
warning: "@shoutem/[email protected]" has incorrect peer dependency "react@^15.0.0".
...

package.json:
"native-base": "2.2.1"
"react": "16.0.0-alpha.12"
"react-native": "0.46.1"

[drriguz]

same problem

[nonameolsson]

Why does we need to to this? https://github.com/GeekyAnts/NativeBase/issues/806#issuecomment-307763607

[shivrajkumar]

@nonameolsson Thats because of the version upgrade of color package. With version 1.x of color, the use case had changed a bit

[iegik]

[email protected] requires print-message

npm install [email protected] --save
npm i [email protected] --save