Begrip: setQueryData

Via de setQueryData van de QueryClient kan data die geacht is door TanStack Query aangepast worden.

De functie heeft twee parameters, de query key en de nieuwe data. Net als bij de useState hook kan de tweede parameter een functie zijn die de oude data als argument heeft en de nieuwe data teruggeeft of kan de nieuwe waarde rechtstreeks meegegeven worden.

Alhoewel hieronder het type string gebruikt wordt als generische parameter, kan dit natuurlijk elk type zijn.

const useSetQueryExample = () => {
  const queryClient = useQueryClient()
  
  // Via vervanging
  queryClient.setQueryData<string>(['foo'], 'bar')
  
  // Via update functie
  queryClient.setQueryData<string[]>(['foo'], (oldData) => oldData.map(x => x + 'bar'))
}