UseFetchOptionsType

---

Import

import { UseFetchOptionsType } from "@hyper-fetch/react"

Source

View the source code

Package

@hyper-fetch/react

Preview

type UseFetchOptionsType<R> = { bounce?: boolean; deepCompare?: (boolean | typeof isEqual); dependencies?: any[]; dependencyTracking?: boolean; disabled?: boolean; initialResponse?: NullableType<Partial<ExtractAdapterResolvedType<R>>>; refetchBlurred?: boolean; refetchOnBlur?: boolean; refetchOnFocus?: boolean; refetchOnReconnect?: boolean; refresh?: boolean; refreshTime?: number; revalidate?: boolean } & ({ bounceTime?: number; bounceTimeout?: void; bounceType?: debounce } | { bounceTime?: number; bounceTimeout?: number; bounceType: throttle });

Structure

UseFetchOptionsType

Name	Type	Description
bounce	boolean	Enable/disable debouncing for often changing keys or refreshing, to limit requests to server.
deepCompare	boolean | typeof isEqual	Deep comparison function for hook to check for equality in incoming data, to limit rerenders.
dependencies	any[]	Refetch dependencies
dependencyTracking	boolean	If true it will rerender only when values used by our component gets changed. Otherwise it will rerender on any change.
disabled	boolean	Disable fetching
initialResponse	NullableType<Partial<ExtractAdapterResolvedType<R>>>	If cache is empty we can use placeholder data.
refetchBlurred	boolean	Enable/disable data refresh if our tab is not focused(used by user at given time).
refetchOnBlur	boolean	Enable/disable data refresh if user leaves current tab.
refetchOnFocus	boolean	Enable/disable data refresh if user enters current tab.
refetchOnReconnect	boolean	Enable/disable data refresh if network is restored.
refresh	boolean	Enable/disable refresh data
refreshTime	number	Refresh data interval time
revalidate	boolean	If true it will refetch data in background no matter if we have it from cache.