npm install react-leaflet-search conflict

[rafiqulislam21]

Console output:

npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR!   react@"^18.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.12.0" from react-leaflet-search@2.0.1
npm ERR! node_modules/react-leaflet-search
npm ERR!   react-leaflet-search@"*" 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\ribij\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\ribij\AppData\Local\npm-cache\_logs\2022-08-30T09_34_13_824Z-debug-0.log

Dependencies:

"dependencies": {
    "@hello-pangea/dnd": "^15.0.0",
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^13.3.0",
    "@testing-library/user-event": "^13.5.0",
    "crypto-js": "^4.1.1",
    "date-fns": "^2.28.0",
    "react": "^18.2.0",
    "react-data-table-component": "^7.5.2",
    "react-dropzone": "^14.2.2",
    "react-flatpickr": "^3.10.13",
    "react-leaflet": "^4.0.2",
    "react-router-dom": "^6.3.0",
    "react-scripts": "^5.0.1",
    "react-toastify": "^9.0.5",
    "recharts": "^2.1.12",
    "styled-components": "^5.3.5",
    "web-vitals": "^2.1.4"
  },
  

I also tried this way but didn't work for me:
npm install react-leaflet-search --legacy-peer-deps