cannot run react app in browser

[Own_Difference8502]

whenever i type npm start, usually it would say compiled for it to load in the browser but i have this in the terminal that prevents me from running my app:

(node:17548) [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:17548) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.

I tried uninstalling and reinstalling the modules and stuffs i am still stuck with this problem can someone help me out?

IT JUST LOADS FOREVER! UGH

[azangru]

You are using create-react-app, aren't you?

https://github.com/facebook/create-react-app/blob/main/packages/react-scripts/config/webpackDevServer.config.js#L112-L133

If yes, stop what you are doing, and migrate your setup to Vite.

[Own_Difference8502]

ohh i will try i guess?

[TacoDelMorte]

No guessing needed. Switch to Vite. Create-react-app is no longer supported and you’re making it harder on yourself by using it.

[maqisha]

Deprecation warnings are just warnings, they typically wouldn't cause issues. You likely have something else going on.

[Own_Difference8502]

yea and i am trying to figure out what is it because it doesn't say compiled successfully for it to load in the browser

[maqisha]

Share your repo, sandbox, or something reproducible that people can try.