npm ERR! ERESOLVE unable to resolve dependency tree

[poealone]

npm WARN config global --global, --localare deprecated. Use--location=global` instead. npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/react npm ERR! react@"^17.0.2" from the root project npm ERR! peer react@">=16.8.6" from @chakra-ui/[email protected] npm ERR! node_modules/@chakra-ui/icons npm ERR! @chakra-ui/icons@"^1.0.15" from the root project npm ERR! 2 more (@emotion/react, @emotion/styled) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@">=18" from @chakra-ui/[email protected] npm ERR! node_modules/@chakra-ui/system npm ERR! peer @chakra-ui/system@">=1.0.0" from @chakra-ui/[email protected] npm ERR! node_modules/@chakra-ui/icons npm ERR! @chakra-ui/icons@"^1.0.15" 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 C:\Users\johny\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\johny\AppData\Local\npm-cache_logs\2022-07-15T06_51_46_285Z-debug-0.log`