React not able to find localhost after Monterey 12.4

[akroll1]

Describe the bug

Fresh installs as well as my react 16.8 projects cannot find localhost on Monterey 12.4. I'm not having this problem on machines that did not upgrade (please be only 12.4!). Dev builds look fine, except for the Webpack Dev server warning that is known, but getting this "crbug/1173575, non-JS module files deprecated." in the browser console, too.

Yet this does not happen with new angular apps, verified to see, as well as I use the serverless framework and no issues there for either, they are all able to find localhost.

This is happening across browsers and I have been banging my head against the keyboard for about a day now. This feels like some sort of issue with Monterey 12.4, this started happening around the same time, so not sure what to do with this except run this up and see if others are having the same issue.

This does not appear to be related to vs code, either, from what I have tried, such as running everything directly from the terminal with no vs code open.

I'm just really lost as to what is going on here, any help is appreciated!

Did you try recovering your dependencies?

Tried removing and re-installing node modules many times. This is happening with fresh installs of create-react-app 18, too.

Which terms did you search for in User Guide?

I tried all of the fixes for the "crbug/1173575, non-JS module files deprecated." issue, nothing has worked.

Environment

MacOS Monterey 12.4
Chrome and Safari
Chrome Version 102.0.5005.61 (Official Build) (x86_64)

Steps to reproduce

1. npx create-react-app
2. yarn install
3. npm start

Failure to find localhost.

Expected behavior

React project fires up in the browser.

Actual behavior

Browser cannot find localhost.

Reproducible demo