Physics Device not connect metro, but works fine on simulator

[yedi97]

Description

It works fine on simulator but with physics device it cannot connect.
Sure i'm using the same wifi network, tried many ways like:

1. Reset my phone
2. Unpair and reconnect my phone
3. reset cache (npm start -- --reset-cache)
4. run with xcode

Steps to reproduce

1. connect ios physics device with usb and same wifi
2. npx react-native run-ios --udid "my Identifier"
3. my iphone using IOS 18.1, XS model

React Native Version

0.76.1

Affected Platforms

Runtime - iOS

Output of npx react-native info

System:
  OS: macOS 15.1
  CPU: (8) arm64 Apple M1
  Memory: 338.73 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 22.9.0
    path: /opt/homebrew/bin/node
  Yarn:
    version: 4.1.1
    path: /opt/homebrew/bin/yarn
  npm:
    version: 10.8.3
    path: /opt/homebrew/bin/npm
  Watchman: Not Found
Managers:
  CocoaPods: Not Found
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.1
      - iOS 18.1
      - macOS 15.1
      - tvOS 18.1
      - visionOS 2.1
      - watchOS 11.1
  Android SDK:
    Android NDK: 22.1.7171670
IDEs:
  Android Studio: 2023.1 AI-231.9392.1.2311.11255304
  Xcode:
    version: 16.1/16B40
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 18.0.2
    path: /usr/bin/javac
  Ruby:
    version: 2.6.10
    path: /usr/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 15.1.2
    wanted: ^15.1.2
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.76.1
    wanted: 0.76.1
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: true
  newArchEnabled: true

Stacktrace or Logs

No apps connected. Sending "reload" to all React Native apps failed. Make sure your app is running in the simulator or on a phone connected via USB.
info Reloading connected app(s)...

Reproducer

https://github.com/yedi97/reproducer-react-native

Screenshots and Videos

No response

[shubhamguptadream11]

Did you tried running this using Xcode?

[rizwan-gill]

I'm facing the same issue on the Android real device. it works on the simulator. Also using the expo in bare.

metro.config.js

const path = require('path')
const { getDefaultConfig } = require('expo/metro-config')
module.exports = (() => {
const config = getDefaultConfig(__dirname)

const { transformer, resolver } = config

config.transformer = {
    ...transformer,
    babelTransformerPath: require.resolve('react-native-svg-transformer/expo'),
}
config.resolver = {
    ...resolver,

    assetExts: resolver.assetExts.filter((ext) => ext !== 'svg').filter((ext) => ext !== 'db'), // add to filter db file in assets
    sourceExts: [...resolver.sourceExts, 'svg'],
}
console.log('====> ', __dirname)
config.watchFolders = [
    path.resolve(__dirname),
    path.resolve(__dirname, './node_modules'),
    path.resolve(__dirname, '../../packages'),
    path.resolve(__dirname, '../../node_modules'),
]
config.resetCache = true
return config

})()

package.json

"dependencies": {
"@emotion/native": "^11.11.0",
"@emotion/react": "^11.13.3",
"@expo/config-plugins": "~9.0.0",
"@expo/metro-config": "^0.19.4",
"@react-native-async-storage/async-storage": "1.23.1",
"@react-native-community/datetimepicker": "8.2.0",
"@react-native-community/masked-view": "^0.1.11",
"@react-native-community/netinfo": "11.4.1",
"@react-native-firebase/app": "^21.2.0",
"@react-native-firebase/messaging": "^21.2.0",
"@react-native/js-polyfills": "^0.76.1",
"@react-navigation/bottom-tabs": "^6.6.1",
"@react-navigation/material-top-tabs": "^6.6.14",
"@react-navigation/native": "^6.1.18",
"@react-navigation/native-stack": "^6.11.0",
"@react-navigation/stack": "^6.4.1",
"@types/react-native-auth0": "^2.17.9",
"@types/react-native-video": "^5.0.20",
"axios": "^1.7.7",
"base64-arraybuffer": "^1.0.2",
"buffer": "^6.0.3",
"eslint-plugin-import": "^2.31.0",
"eslint-plugin-unused-imports": "^4.1.4",
"expo": "^52.0.6",
"expo-file-system": "~18.0.0",
"expo-image-picker": "~16.0.1",
"expo-media-library": "~17.0.2",
"ffmpeg-kit-react-native": "^6.0.2",
"lodash": "^4.17.21",
"luxon": "^3.5.0",
"metro": "^0.81.0",
"metro-config": "^0.81.0",
"metro-runtime": "^0.81.0",
"react": "18.3.1",
"react-dom": "^18.3.1",
"react-i18next": "^15.1.0",
"react-native": "0.76.1",
"react-native-auth0": "^3.2.1",
"react-native-bootsplash": "^6.2.6",
"react-native-devsettings": "^1.0.5",
"react-native-dotenv": "^3.4.11",
"react-native-fs": "^2.20.0",
"react-native-gesture-handler": "~2.20.2",
"react-native-gifted-charts": "^1.4.47",
"react-native-keyboard-aware-scroll-view": "^0.9.5",
"react-native-linear-gradient": "^2.8.3",
"react-native-mask-input": "^1.2.3",
"react-native-modal-datetime-picker": "^18.0.0",
"react-native-pager-view": "6.4.1",
"react-native-paper": "^5.12.5",
"react-native-reanimated": "~3.16.1",
"react-native-render-html": "^6.3.4",
"react-native-safe-area-context": "4.12.0",
"react-native-screens": "^4.0.0",
"react-native-subtitles": "^5.0.5",
"react-native-svg": "15.8.0",
"react-native-svg-transformer": "^1.5.0",
"react-native-tab-view": "^3.5.2",
"react-native-video": "^6.7.0",
"react-native-videoeditorsdk": "^3.2.0",
"react-native-webview": "13.12.2",
"rn-fetch-blob": "^0.12.0"
},
"devDependencies": {
"@babel/core": "^7.25.2",
"@babel/preset-env": "^7.25.3",
"@babel/runtime": "^7.25.0",
"@react-native-community/cli": "15.0.0",
"@react-native-community/cli-platform-android": "15.0.0",
"@react-native-community/cli-platform-ios": "15.0.0",
"@react-native/babel-preset": "0.76.1",
"@react-native/eslint-config": "0.76.1",
"@react-native/metro-babel-transformer": "^0.76.1",
"@react-native/metro-config": "0.76.1",
"@react-native/typescript-config": "0.76.1",
"@types/react": "^18.2.6",
"@types/react-test-renderer": "^18.0.0",
"babel-jest": "^29.6.3",
"babel-plugin-module-resolver": "^5.0.2",
"eslint": "^8.19.0",
"jest": "^29.6.3",
"prettier": "2.8.8",
"react-test-renderer": "18.3.1",
"typescript": "~5.3.3"
},
"engines": {
"node": ">=18"
},
"expo": {
"autolinking": {
"exclude": [
"expo-font"
],
"ios": {
"exclude": [
"expo-keep-awake"
]
}
}
}

[yedi97]

Did you tried running this using Xcode?

Yes, but it still not works

[yedi97]

In xcode logs:

Task <46652AA0-3A92-403F-ABC5-56427FC8E409>.<2> finished with error [-1009] Error Domain=NSURLErrorDomain Code=-1009 
"The Internet connection appears to be offline." UserInfo={_kCFStreamErrorCodeKey=50, NSUnderlyingError=0x303b4bb10 
{Error Domain=kCFErrorDomainCFNetwork Code=-1009 "(null)" 
UserInfo={_NSURLErrorNWPathKey=unsatisfied (Local network prohibited), interface: en0[802.11], ipv4, ipv6, uses wifi, _kCFStreamErrorCodeKey=50, _kCFStreamErrorDomainKey=1}}, _NSURLErrorFailingURLSessionTaskErrorKey=LocalDataTask <46652AA0-3A92-403F-ABC5-56427FC8E409>.<2>, _NSURLErrorRelatedURLSessionTaskErrorKey=(
    "LocalDataTask <46652AA0-3A92-403F-ABC5-56427FC8E409>.<2>"
), NSLocalizedDescription=The Internet connection appears to be offline., NSErrorFailingURLStringKey=http://192.168.5.9:8081/status, NSErrorFailingURLKey=http://192.168.5.9:8081/status, _kCFStreamErrorDomainKey=1}