title: Conflicting peer dependency when trying to Creating runtime environment in heroku
body: <p><strong>Faild building my app in heroku</strong></p>
  <p>i try to build my app in heroku, to create runtime environment it show me this message when it try to push it.
  i think the problem is in React versions.
  it say that:</p>
  <ol>
  <li>Could not resolve dependency.
  2.Conflicting peer dependency.</li>
  </ol>
  <p>I don't know what i need to update, please help.</p>
  <blockquote>
  <pre><code>npm ERR! code ERESOLVE
  npm ERR! ERESOLVE could not resolve
  npm ERR! 
  npm ERR! While resolving: use-reducer-logger@1.0.2
  npm ERR! Found: react@18.2.0
  npm ERR! node_modules/react
  npm ERR!   react@&quot;^18.2.0&quot; from the root project
  npm ERR!   peer react@&quot;&gt;=16.3.0&quot; from @paypal/react-paypal-js@7.8.1
  npm ERR!   node_modules/@paypal/react-paypal-js
  npm ERR!     @paypal/react-paypal-js@&quot;^7.8.1&quot; from the root project
  npm ERR!   15 more (@react-aria/ssr, @restart/hooks, @restart/ui, ...)
  npm ERR! 
  npm ERR! Could not resolve dependency:
  npm ERR! peer react@&quot;^16.8&quot; from use-reducer-logger@1.0.2
  npm ERR! node_modules/use-reducer-logger
  npm ERR!   use-reducer-logger@&quot;^1.0.2&quot; from the root project
  npm ERR! 
  npm ERR! Conflicting peer dependency: react@16.14.0
  npm ERR! node_modules/react
  npm ERR!   peer react@&quot;^16.8&quot; from use-reducer-logger@1.0.2
  npm ERR!   node_modules/use-reducer-logger
  npm ERR!     use-reducer-logger@&quot;^1.0.2&quot; 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 /tmp/npmcache.brFFQ/eresolve-report.txt for a full report.
  npm ERR! A complete log of this run can be found in:
  npm ERR!     /tmp/npmcache.brFFQ/_logs/2022-08-08T12_57_21_020Z-debug-0.log
  -----&gt; Build failed
  </code></pre>
  </blockquote>
  <pre><code> !     Push rejected, failed to compile Node.js app.
   !     Push failed**
  </code></pre>
  <p><strong><a href="https://i.stack.imgur.com/GLTpt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GLTpt.png" alt="&gt; i dont know what to do, i try to remove node modules and do npm install, try npm install --legacy-peer-deps
  try to downgrade react version and noting" /></a></strong></p>
  <p><strong>i have 3 package.json</strong></p>
  <p>this is the front end package.json:
  it can be also a problem with the package-lock deps
  i don't know &gt;&lt;</p>
  <pre><code>{
    &quot;name&quot;: &quot;frontend&quot;,
    &quot;proxy&quot;: &quot;http://localhost:5000&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@paypal/react-paypal-js&quot;: &quot;^7.8.1&quot;,
      &quot;@testing-library/jest-dom&quot;: &quot;^5.16.5&quot;,
      &quot;@testing-library/react&quot;: &quot;^13.3.0&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^14.4.2&quot;,
      &quot;axios&quot;: &quot;^0.27.2&quot;,
      &quot;bootstrap&quot;: &quot;^5.2.0&quot;,
      &quot;react&quot;: &quot;^18.2.0&quot;,
      &quot;react-bootstrap&quot;: &quot;^2.5.0&quot;,
      &quot;react-dom&quot;: &quot;^18.2.0&quot;,
      &quot;react-helmet-async&quot;: &quot;^1.3.0&quot;,
      &quot;react-router-bootstrap&quot;: &quot;^0.26.2&quot;,
      &quot;react-router-dom&quot;: &quot;^6.3.0&quot;,
      &quot;react-scripts&quot;: &quot;^5.0.1&quot;,
      &quot;react-toastify&quot;: &quot;^9.0.8&quot;,
      &quot;use-reducer-logger&quot;: &quot;^1.0.2&quot;,
      &quot;web-vitals&quot;: &quot;^2.1.4&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;react-scripts start&quot;,
      &quot;build&quot;: &quot;react-scripts build&quot;,
      &quot;test&quot;: &quot;react-scripts test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: [
        &quot;react-app&quot;,
        &quot;react-app/jest&quot;
      ]
    },
    &quot;browserslist&quot;: {
      &quot;production&quot;: [
        &quot;&gt;0.2%&quot;,
        &quot;not dead&quot;,
        &quot;not op_mini all&quot;
      ],
      &quot;development&quot;: [
        &quot;last 1 chrome version&quot;,
        &quot;last 1 firefox version&quot;,
        &quot;last 1 safari version&quot;
      ]
    }
  }
  </code></pre>
  <p>thank u all for help</p>