Conflicting peer dependency when trying to Creating runtime environment in heroku - node.js

Question

Faild building my app in heroku
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:
Could not resolve dependency.
2.Conflicting peer dependency.
I don't know what i need to update, please help.
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#"^18.2.0" from the root project
npm ERR! peer react#">=16.3.0" from #paypal/react-paypal-js#7.8.1
npm ERR! node_modules/#paypal/react-paypal-js
npm ERR! #paypal/react-paypal-js#"^7.8.1" 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#"^16.8" from use-reducer-logger#1.0.2
npm ERR! node_modules/use-reducer-logger
npm ERR! use-reducer-logger#"^1.0.2" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#16.14.0
npm ERR! node_modules/react
npm ERR! peer react#"^16.8" from use-reducer-logger#1.0.2
npm ERR! node_modules/use-reducer-logger
npm ERR! use-reducer-logger#"^1.0.2" 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
-----> Build failed
! Push rejected, failed to compile Node.js app.
! Push failed**
i have 3 package.json
this is the front end package.json:
it can be also a problem with the package-lock deps
i don't know ><
{
"name": "frontend",
"proxy": "http://localhost:5000",
"version": "0.1.0",
"private": true,
"dependencies": {
"#paypal/react-paypal-js": "^7.8.1",
"#testing-library/jest-dom": "^5.16.5",
"#testing-library/react": "^13.3.0",
"#testing-library/user-event": "^14.4.2",
"axios": "^0.27.2",
"bootstrap": "^5.2.0",
"react": "^18.2.0",
"react-bootstrap": "^2.5.0",
"react-dom": "^18.2.0",
"react-helmet-async": "^1.3.0",
"react-router-bootstrap": "^0.26.2",
"react-router-dom": "^6.3.0",
"react-scripts": "^5.0.1",
"react-toastify": "^9.0.8",
"use-reducer-logger": "^1.0.2",
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
thank u all for help