Rendering localhost react app on mobile phone

Question

I have been trying to render localhost:3000 (React app) on my phone. I have tried the following,

• Connecting my MacBook and the phone to the same wifi, getting the ipv4 address and adding port 3000 to it and accessing that IP address port combination in my phone.
• I have tried turning off my firewall.
• I also tried npm start --host 0.0.0.0

I am running localhost on my MacBook. My colleague who has a Windows machine is also facing similar issues.

Answer 1

Make sure that the wifi network's wireless settings do not prevent local clients from connecting to each other. There is a setting often called "Wireless Isolation" which is pretty common - enabling this results in clients only being able to connect to the outside internet, but not to anything else (such as other wifi clients) on the network. While this is useful from a security perspective when the network administrator doesn't know whether the devices that want to connect are trustworthy, it blocks network functionality. Go into the router's settings and turn this off if it's on.