react-router-dom ERESOLVE could not resolve - node.js

Question

I tried to install the react-router-dom for my mernstack ecommerce website.It got error like this. I tried lot of methods to installing this .But I couldn't.My mernstack application is ecommerce website.
PS A:\my react\mernstack ecommerce\E-Commerce> npm install --save react-router-dom
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: e-commerce#1.0.0
npm ERR! Found: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^0.14.9 || ^15.3.0 || ^16.0.0 || ^17.0.0" from #redux-
devtools/core#3.11.0
npm ERR! node_modules/#redux-devtools/core
npm ERR! dev #redux-devtools/core#"^3.11.0" from the root project
npm ERR! peer react#"^16.8.3 || ^17 || ^18" from react-redux#7.2.8
npm ERR! node_modules/react-redux
npm ERR! peer react-redux#"^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0" from #redux-
devtools/core#3.11.0
npm ERR! node_modules/#redux-devtools/core
npm ERR! dev #redux-devtools/core#"^3.11.0" from the root project
npm ERR! react-redux#"^7.2.8" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! react-router-dom#"*" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#18.0.0
npm ERR! node_modules/react
npm ERR! peer react#"^18.0.0" from react-dom#18.0.0
npm ERR! node_modules/react-dom
npm ERR! peer react-dom#">=16.8" from react-router-dom#6.3.0
npm ERR! node_modules/react-router-dom
npm ERR! react-router-dom#"*" 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\Kavindra\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\Kavindra\AppData\Local\npm-cache\_logs\2022-04-14T10_55_52_941Z-
debug-0.log
PS A:\my react\mernstack ecommerce\E-Commerce>