Yes, you can override nested dependencies (like http-proxy-middleware used by webpack-dev-server) using the overrides field in package.json, but it depends on your package manager.

Since you’re using package-lock.json, I assume you’re using npm (v8 or above). Let’s go through how to handle this with npm:

✅ Step-by-Step: Override Nested Dependency with NPM

1. Ensure you’re using npm v8+ Check with:

bash Copy Edit npm -v The overrides feature is supported from npm v8 onwards.

2. Update package.json with overrides Add the overrides section like this:

json Copy Edit "overrides": { "webpack-dev-server": { "http-proxy-middleware": "^2.0.6" } } ✅ This tells npm: "Whenever webpack-dev-server depends on http-proxy-middleware, use version ^2.0.6 instead."

🔍 You can also directly override http-proxy-middleware globally:

json Copy Edit "overrides": { "http-proxy-middleware": "^2.0.6" } 3. Clean and reinstall Run:

bash Copy Edit rm -rf node_modules package-lock.json npm install This ensures the override is applied cleanly.

🔍 To Verify Override Applied After install, check:

bash Copy Edit npm ls http-proxy-middleware You should see:

bash Copy Edit [email protected] └─┬ webpack-dev-server@... └── [email protected] 🛠 If override doesn't apply, try: Ensure no other dependency is locking the version.

Make sure no peer dependency is conflicting.

Use npm-force-resolutions as a last resort (works better with Yarn though).

🔄 Alternative: Use resolutions (if using Yarn) If you're on Yarn (especially v1), use:

json Copy Edit "resolutions": { "http-proxy-middleware": "^2.0.6" } But this doesn’t work with npm — only overrides does.