title: Npm libraries not working in React Native
body: <p>I have this error, I am confused, should I upgrade or change version of <code>npm</code>?,  I just want to run my app using <code>npm install</code> I tried <code>npm install --legacy-peer-deps</code> and it works but I doubt it will be a bigger problem in the future development, especially rejecting the unsupported libraries, what should I do?, yet I need all of this libraries, should I change it? need help</p>
  <p><code>npm install</code></p>
  <pre><code>D:\mobile\finds-mobile&gt;npm install
  npm WARN ERESOLVE overriding peer dependency
  npm WARN While resolving: @typescript-eslint/eslint-plugin@4.33.0
  npm WARN Found: eslint@8.12.0
  npm WARN node_modules/eslint
  npm WARN   dev eslint@&quot;^8.12.0&quot; from the root project
  npm WARN   11 more (@react-native-community/eslint-config, ...)
  npm WARN
  npm WARN Could not resolve dependency:
  npm WARN peer eslint@&quot;^5.0.0 || ^6.0.0 || ^7.0.0&quot; from @typescript-eslint/eslint-plugin@4.33.0
  npm WARN node_modules/@typescript-eslint/eslint-plugin
  npm WARN   @typescript-eslint/eslint-plugin@&quot;^4.22.1&quot; from @react-native-community/eslint-config@3.0.1
  npm WARN   node_modules/@react-native-community/eslint-config
  npm WARN
  npm WARN Conflicting peer dependency: eslint@7.32.0
  npm WARN node_modules/eslint
  npm WARN   peer eslint@&quot;^5.0.0 || ^6.0.0 || ^7.0.0&quot; from @typescript-eslint/eslint-plugin@4.33.0
  npm WARN   node_modules/@typescript-eslint/eslint-plugin
  npm WARN     @typescript-eslint/eslint-plugin@&quot;^4.22.1&quot; from @react-native-community/eslint-config@3.0.1
  npm WARN     node_modules/@react-native-community/eslint-config
  npm WARN ERESOLVE overriding peer dependency
  npm WARN While resolving: @typescript-eslint/parser@4.33.0
  npm WARN Found: eslint@8.12.0
  npm WARN node_modules/eslint
  npm WARN   dev eslint@&quot;^8.12.0&quot; from the root project
  npm WARN   11 more (@react-native-community/eslint-config, ...)
  npm WARN
  npm WARN Could not resolve dependency:
  npm WARN peer eslint@&quot;^5.0.0 || ^6.0.0 || ^7.0.0&quot; from @typescript-eslint/parser@4.33.0
  npm WARN node_modules/@typescript-eslint/parser
  npm WARN   @typescript-eslint/parser@&quot;^4.22.1&quot; from @react-native-community/eslint-config@3.0.1
  npm WARN   node_modules/@react-native-community/eslint-config
  npm WARN   1 more (@typescript-eslint/eslint-plugin)
  npm WARN
  npm WARN Conflicting peer dependency: eslint@7.32.0
  npm WARN node_modules/eslint
  npm WARN   peer eslint@&quot;^5.0.0 || ^6.0.0 || ^7.0.0&quot; from @typescript-eslint/parser@4.33.0
  npm WARN   node_modules/@typescript-eslint/parser
  npm WARN     @typescript-eslint/parser@&quot;^4.22.1&quot; from @react-native-community/eslint-config@3.0.1
  npm WARN     node_modules/@react-native-community/eslint-config
  npm WARN     1 more (@typescript-eslint/eslint-plugin)
  npm WARN ERESOLVE overriding peer dependency
  npm WARN While resolving: eslint-plugin-react-native@3.11.0
  npm WARN Found: eslint@8.12.0
  npm WARN node_modules/eslint
  npm WARN   dev eslint@&quot;^8.12.0&quot; from the root project
  npm WARN   11 more (@react-native-community/eslint-config, ...)
  npm WARN
  npm WARN Could not resolve dependency:
  npm WARN peer eslint@&quot;^3.17.0 || ^4 || ^5 || ^6 || ^7&quot; from eslint-plugin-react-native@3.11.0
  npm WARN node_modules/eslint-plugin-react-native
  npm WARN   eslint-plugin-react-native@&quot;^3.10.0&quot; from @react-native-community/eslint-config@3.0.1
  npm WARN   node_modules/@react-native-community/eslint-config
  npm WARN
  npm WARN Conflicting peer dependency: eslint@7.32.0
  npm WARN node_modules/eslint
  npm WARN   peer eslint@&quot;^3.17.0 || ^4 || ^5 || ^6 || ^7&quot; from eslint-plugin-react-native@3.11.0
  npm WARN   node_modules/eslint-plugin-react-native
  npm WARN     eslint-plugin-react-native@&quot;^3.10.0&quot; from @react-native-community/eslint-config@3.0.1
  npm WARN     node_modules/@react-native-community/eslint-config
  npm ERR! code ERESOLVE
  npm ERR! ERESOLVE could not resolve
  npm ERR!
  npm ERR! While resolving: react-dom@18.2.0
  npm ERR! Found: react@17.0.2
  npm ERR! node_modules/react
  npm ERR!   react@&quot;17.0.2&quot; from the root project
  npm ERR!   peer react@&quot;&gt;=16.x&quot; from @fortawesome/react-fontawesome@0.1.18
  npm ERR!   node_modules/@fortawesome/react-fontawesome
  npm ERR!     @fortawesome/react-fontawesome@&quot;^0.1.14&quot; from style-components@0.1.0
  npm ERR!     node_modules/style-components
  npm ERR!       style-components@&quot;^0.1.0&quot; from the root project
  npm ERR!   58 more (@haskkor/react-native-pincode, ...)
  npm ERR!
  npm ERR! Could not resolve dependency:
  npm ERR! peer react@&quot;^18.2.0&quot; from react-dom@18.2.0
  npm ERR! node_modules/react-dom
  npm ERR!   peer react-dom@&quot;&gt;=16.6.0&quot; from react-transition-group@4.4.2
  npm ERR!   node_modules/react-transition-group
  npm ERR!     react-transition-group@&quot;^4.4.1&quot; from style-components@0.1.0
  npm ERR!     node_modules/style-components
  npm ERR!       style-components@&quot;^0.1.0&quot; from the root project
  npm ERR!   peer react-dom@&quot;&gt;=16.8.0&quot; from style-components@0.1.0
  npm ERR!   node_modules/style-components
  npm ERR!     style-components@&quot;^0.1.0&quot; from the root project
  npm ERR!   1 more (styled-components)
  npm ERR!
  npm ERR! Conflicting peer dependency: react@18.2.0
  npm ERR! node_modules/react
  npm ERR!   peer react@&quot;^18.2.0&quot; from react-dom@18.2.0
  npm ERR!   node_modules/react-dom
  npm ERR!     peer react-dom@&quot;&gt;=16.6.0&quot; from react-transition-group@4.4.2
  npm ERR!     node_modules/react-transition-group
  npm ERR!       react-transition-group@&quot;^4.4.1&quot; from style-components@0.1.0
  npm ERR!       node_modules/style-components
  npm ERR!         style-components@&quot;^0.1.0&quot; from the root project
  npm ERR!     peer react-dom@&quot;&gt;=16.8.0&quot; from style-components@0.1.0
  npm ERR!     node_modules/style-components
  npm ERR!       style-components@&quot;^0.1.0&quot; from the root project
  npm ERR!     1 more (styled-components)
  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\Macky\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\Macky\AppData\Local\npm-cache\_logs\2022-07-25T01_01_52_241Z-debug-0.log
  </code></pre>
  <p><strong>package.json</strong></p>
  <pre><code>  {
    &quot;name&quot;: &quot;test&quot;,
    &quot;version&quot;: &quot;0.0.1&quot;,
    &quot;private&quot;: true,
    &quot;scripts&quot;: {
      &quot;android&quot;: &quot;react-native run-android&quot;,
      &quot;ios&quot;: &quot;react-native run-ios&quot;,
      &quot;start&quot;: &quot;react-native start&quot;,
      &quot;test&quot;: &quot;jest&quot;,
      &quot;lint&quot;: &quot;eslint .&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@haskkor/react-native-pincode&quot;: &quot;^1.22.6&quot;,
      &quot;@react-native-async-storage/async-storage&quot;: &quot;^1.17.3&quot;,
      &quot;@react-native-community/google-signin&quot;: &quot;^5.0.0&quot;,
      &quot;@react-native-community/netinfo&quot;: &quot;^8.2.0&quot;,
      &quot;@react-native-firebase/app&quot;: &quot;^14.7.0&quot;,
      &quot;@react-native-firebase/auth&quot;: &quot;^14.7.0&quot;,
      &quot;@react-native-firebase/firestore&quot;: &quot;^14.7.0&quot;,
      &quot;@react-native-firebase/storage&quot;: &quot;^14.7.0&quot;,
      &quot;@react-native-masked-view/masked-view&quot;: &quot;^0.2.6&quot;,
      &quot;@react-navigation/bottom-tabs&quot;: &quot;^6.3.1&quot;,
      &quot;@react-navigation/drawer&quot;: &quot;^6.4.1&quot;,
      &quot;@react-navigation/native&quot;: &quot;^6.0.10&quot;,
      &quot;@react-navigation/stack&quot;: &quot;^6.2.1&quot;,
      &quot;moment&quot;: &quot;^2.29.1&quot;,
      &quot;npm&quot;: &quot;^8.6.0&quot;,
      &quot;react&quot;: &quot;17.0.2&quot;,
      &quot;react-native&quot;: &quot;0.68.0&quot;,
      &quot;react-native-action-button&quot;: &quot;^2.8.5&quot;,
      &quot;react-native-camera&quot;: &quot;^4.2.1&quot;,
      &quot;react-native-fbsdk&quot;: &quot;^3.0.0&quot;,
      &quot;react-native-gesture-handler&quot;: &quot;^2.3.2&quot;,
      &quot;react-native-gifted-chat&quot;: &quot;^0.16.3&quot;,
      &quot;react-native-image-crop-picker&quot;: &quot;^0.37.3&quot;,
      &quot;react-native-keychain&quot;: &quot;^8.0.0&quot;,
      &quot;react-native-linear-gradient&quot;: &quot;^2.5.6&quot;,
      &quot;react-native-onboarding-swiper&quot;: &quot;^1.2.0&quot;,
      &quot;react-native-qrcode-scanner&quot;: &quot;^1.5.5&quot;,
      &quot;react-native-reanimated&quot;: &quot;^2.5.0&quot;,
      &quot;react-native-safe-area-context&quot;: &quot;^4.2.4&quot;,
      &quot;react-native-screens&quot;: &quot;^3.13.1&quot;,
      &quot;react-native-skeleton-placeholder&quot;: &quot;^5.0.0&quot;,
      &quot;react-native-svg&quot;: &quot;^12.3.0&quot;,
      &quot;react-native-timeline-flatlist&quot;: &quot;^0.8.0&quot;,
      &quot;react-native-timeline-listview&quot;: &quot;^0.2.3&quot;,
      &quot;react-native-touch-id&quot;: &quot;^4.4.1&quot;,
      &quot;react-native-vector-icons&quot;: &quot;^9.1.0&quot;,
      &quot;reanimated-bottom-sheet&quot;: &quot;^1.0.0-alpha.22&quot;,
      &quot;style-components&quot;: &quot;^0.1.0&quot;,
      &quot;styled-components&quot;: &quot;^5.3.5&quot;,
      &quot;victory-native&quot;: &quot;^36.3.1&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@babel/core&quot;: &quot;^7.17.8&quot;,
      &quot;@babel/runtime&quot;: &quot;^7.17.8&quot;,
      &quot;@react-native-community/cli&quot;: &quot;^7.0.3&quot;,
      &quot;@react-native-community/eslint-config&quot;: &quot;^3.0.1&quot;,
      &quot;babel-jest&quot;: &quot;^27.5.1&quot;,
      &quot;eslint&quot;: &quot;^8.12.0&quot;,
      &quot;jest&quot;: &quot;^27.5.1&quot;,
      &quot;metro-react-native-babel-preset&quot;: &quot;^0.70.0&quot;,
      &quot;react-test-renderer&quot;: &quot;17.0.2&quot;
    },
    &quot;jest&quot;: {
      &quot;preset&quot;: &quot;react-native&quot;
    },
    &quot;rnpm&quot;: {
      &quot;assets&quot;: [
        &quot;./assets/fonts&quot;
      ]
    }
  }
  </code></pre>