callstack / callstack/super-app-showcase

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

Open
#159 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
637
Forks
131
PR merge metrics
No merged PRs in 30d

Description

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

Contributor guide

Open the contributing guide

Research direction

No files or tests are named; start with the reported Dev Server warning and the React Native/Re.Pack development-server configuration for physical devices. Reproduce on a real Android or iOS device, compare it with the emulator or simulator setup, and consider the issue done when HMR reconnects and reflects changes without restarting the app.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native
Domain
mobile-dev, networking
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.