@gocodingnow/rn-native-base-boilerplate/template/src/hooks/useOnlineManager.ts

React Native + Native Base Boilerplate

import NetInfo from '@react-native-community/netinfo'
import {onlineManager} from '@tanstack/react-query'
import {Platform} from 'react-native'
import {useEffect} from 'react'

export function useOnlineManager() {
  useEffect(() => {
    // React Query already supports on reconnect auto refetch in web browser
    if (Platform.OS !== 'web') {
      return NetInfo.addEventListener(state => {
        onlineManager.setOnline(
          state.isConnected !== null && state.isConnected && Boolean(state.isInternetReachable),
        )
      })
    }
    return
  }, [])
}