Conflicting dependencies stopping vite to be at its recent versions

[vinayakkuradia]

I haven't dealt with npm dependency resolution earlier, but seems like some dependecy is stopping vite from being updated to recent version anywhere near 4.x, currently it is 2.9.15

My package.json dependencies are:

"dependencies": {
    "preact": "^10.8.2"
  },
  "devDependencies": {
    "@crxjs/vite-plugin": "^1.0.12",
    "@preact/preset-vite": "^2.3.0",
    "autoprefixer": "^10.4.14",
    "postcss": "^8.4.23",
    "prettier": "^2.7.1",
    "tailwindcss": "^3.3.1",
    "vite": "^2.9.13"
  }

On running npm i following logs are printed:

PS C:\dir1\dir2\dir3\dir4\dir5\extension> npm i
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @vitejs/plugin-react@4.0.0
npm WARN Found: vite@2.9.15
npm WARN node_modules/vite
npm WARN   dev vite@"^2.9.13" from the root project
npm WARN   3 more (@crxjs/vite-plugin, @preact/preset-vite, @prefresh/vite)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer vite@"^4.2.0" from @vitejs/plugin-react@4.0.0
npm WARN node_modules/@vitejs/plugin-react
npm WARN   optional @vitejs/plugin-react@">=1.2.0" from @crxjs/vite-plugin@1.0.14
npm WARN   node_modules/@crxjs/vite-plugin
npm WARN
npm WARN Conflicting peer dependency: vite@4.3.1
npm WARN node_modules/vite
npm WARN   peer vite@"^4.2.0" from @vitejs/plugin-react@4.0.0
npm WARN   node_modules/@vitejs/plugin-react
npm WARN     optional @vitejs/plugin-react@">=1.2.0" from @crxjs/vite-plugin@1.0.14
npm WARN     node_modules/@crxjs/vite-plugin

up to date, audited 191 packages in 3s