The OnlineManager manages the online state within TanStack Query.
It can be used to change the default event listeners or to manually change the online state.
Its available methods are:
onlineManager.setEventListenersetEventListener can be used to set a custom event listener:
import NetInfo from '@react-native-community/netinfo'import { onlineManager } from '@tanstack/react-query'
onlineManager.setEventListener(setOnline => { return NetInfo.addEventListener(state => { setOnline(!!state.isConnected) })})onlineManager.setOnlinesetOnline can be used to manually set the online state. Set undefined to fallback to the default online check.
import { onlineManager } from '@tanstack/react-query'
// Set to onlineonlineManager.setOnline(true)
// Set to offlineonlineManager.setOnline(false)
// Fallback to the default online checkonlineManager.setOnline(undefined)Options
online: boolean | undefinedonlineManager.isOnlineisOnline can be used to get the current online state.
const isOnline = onlineManager.isOnline()Fast track your learning and
take the offical React Query course ↗️
Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.