[iOS device]: isInternetReachable always returns null from addEventListener

Environment

System:
    OS: macOS 11.4
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 16.4.2 - ~/.nvm/versions/node/v16.4.2/bin/node
    Yarn: 1.22.10 - ~/.nvm/versions/node/v16.4.2/bin/yarn
    npm: 7.18.1 - ~/.nvm/versions/node/v16.4.2/bin/npm
    Watchman: 2021.06.07.00 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.10.1 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: iOS 14.5, DriverKit 20.4, macOS 11.3, tvOS 14.5, watchOS 7.4
    Android SDK: Not Found
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.1 => 17.0.1 
    react-native: 0.64.1 => 0.64.1 
    react-native-macos: Not Found

Platforms

iOS

Versions

• iOS: 14.5
• react-native-netinfo: “6.0.0”,
• react-native: 64.1
• react: 17.0.1

Description

NetInfo does not return an isInternetReachable when using the addEventListener implementation of NetInfo. For example:

NetInfo.addEventListener((state: NetInfoState) => {
   console.log(state.isInternetReachable); // will always return null
   });

however:

const { isInternetReachable } = useNetInfo(); // returns the expected state

the hook works correctly

Reproducible Demo

I am able to reproduce this 100% reliably on all my iOS devices as well as seeing this result in production.

Note

other properties from the NetInfoState are reported accurately

[rassemdev]

On my app, in a on click event, i am trying to get some data from api. Before that i am checking internet connectivity. When i’m using this

import NetInfo from "@react-native-community/netinfo";
NetInfo.fetch().then(internetState => {
  console.log(internetState);
  if (internetState.isConnected && internetState.isInternetReachable) {
  }else{
  }
});

on first attempt it is returning this, with isInternetReachable is returning null. LOG {"details": {"bssid": null, "ipAddress": "192.168.1.2", "isConnectionExpensive": false, "ssid": null, "subnet": "255.255.255.0"}, "isConnected": true, "isInternetReachable": null, "type": "wifi"}

but if i click the button again, now isInternetReachable is returning true LOG {"details": {"bssid": null, "ipAddress": "192.168.1.2", "isConnectionExpensive": false, "ssid": null, "subnet": "255.255.255.0"}, "isConnected": true, "isInternetReachable": true, "type": "wifi"}

Its only happening on ios. any idea guys?

[rassemdev]

on first attempt it is returning this, with isInternetReachable is returning null

@mikehardy here is an expo of my project, run this with ios. then check the log, on first attempt of onclick even isInternetReachable is returning null, Can you give me an example/snack of your approach?