tanstack-query-intent-compositions-broadcast-realtime-a-6360b276

Setup

import { QueryClient } from '@tanstack/react-query'
import { broadcastQueryClient } from '@tanstack/query-broadcast-client-experimental'

export const queryClient = new QueryClient()

if (typeof window !== 'undefined') {
  broadcastQueryClient({ queryClient, broadcastChannel: 'app-query-cache' })
}

Core Integration Patterns

Invalidate from realtime events

import { QueryClient } from '@tanstack/react-query'