Add leaflet.wms to react leaflet project with yarn / npm and next.js

[Skerre]

Hello dear people! I cannot get leaflet.wms installed in my project with npm i leaflet.wms, following the advice from this post on https://stackoverflow.com/questions/61123565/how-to-call-getfeatureinfo-from-react-leaflet

I have the following dependencies in my package.json file:

{
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start"
},
"dependencies": {
"axios": "^0.27.2",
"leaflet": "^1.8.0",
"leaflet-defaulticon-compatibility": "^0.1.1",
"leaflet-geosearch": "^3.6.0",
"lodash": "^4.17.21",
"mapbox-gl": "^2.8.2",
"next": "latest",
"next-themes": "^0.2.0",
"node-sass": "^7.0.1",
"papaparse": "^5.3.2",
"react": "^17.0.2",
"react-beautiful-dnd": "^13.1.0",
"react-dom": "^17.0.2",
"react-dropdown": "^1.10.0",
"react-leaflet": "^4.0.0",
"react-leaflet-custom-control": "^1.2.6",
"react-leaflet-textpath": "^2.1.1",
"react-map-gl": "^7.0.11",
"react-responsive-carousel": "^3.2.23",
"react-responsive-modal": "^6.2.0",
"reactjs-popup": "^2.0.5",
"sass": "^1.54.5",
"use-dynamic-refs": "^1.0.0"
},
"devDependencies": {
"@types/node": "17.0.4",
"@types/react": "17.0.38",
"autoprefixer": "^10.4.5",
"eslint": "^8.22.0",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-prettier": "^4.2.1",
"eslint-plugin-react": "^7.31.0",
"gh-pages": "^4.0.0",
"json-loader": "^0.5.7",
"postcss": "^8.4.5",
"prettier": "^2.7.1",
"prettier-plugin-tailwindcss": "^0.1.1",
"tailwind-scrollbar": "^1.3.1",
"tailwindcss": "^3.0.7",
"typescript": "4.5.4"
}
}