HMR is not working with real physical Android/iOS device - DevServer Not Connected

[rkchoudhury]

We are encountering the following issue after installing the app on a physical Android device:

• HMR (Hot Module Replacement) is not working.
  • Changes are reflected only after manually killing and reopening the app.

However, when the app is installed on an emulator/simulator, HMR works as expected.

Note: The DevTools console displays the following warning:

Disconnected from the Dev Server: failed to connect to /10.0.2.2 (port 8081) from /192.168.X.X (port 49638) after 10000ms

Configurations:

• "react-native": "0.79.3"
• "@callstack/repack": "5.1.2"

We've also tried ensuring both the physical device and the development machine are on the same Wi-Fi network, and attempted connecting via localhost:8081, but the issue persists.

Could you please advise how we can resolve this issue for the physical device?

cc: @jbroma