Use of deprecated webpack DevServer onBeforeSetupMiddleware and onAfterSetupMiddleware options

[cduff]

Steps to reproduce

npx create-react-app my-app
cd my-app
npm start

Unexpected output

(node:22848) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:22848) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.

My environment

• create-react-app 5.0.0
• node 16.13.1
• Windows 10

[Valker-Vinicius]

Any update?

[cduff]

Any update?

Looks like there's a PR open for this now: #11862

[ramdaniAli]

any idea on how to fix this ?

[mehrbaniyan]

Still having this issue. (with node 16.13.2)
Edit: for anyone experiencing the same issue this might help.

[holub008]

1. This is just a deprecation warning. Nothing is currently broken. Rolling back to react-scripts@4 is unnecessary at this point and likely not a good idea.
2. The PR linked above (fix(webpackDevServer): fix deprecation warning #11862) should fix the underlying issue (using deprecated webpack API). When that PR is released (looks like it will be in 5.0.1), update react-scripts to that version. No more warning, and you're future-proofed!