Axios + TanStack Query

Todos with Query

Add or toggle a todo. Watch status flip to refetching — that is invalidateQueries pulling a fresh list.

queryKey: ['todos', filter]
queryFn: () => todosApi.list(filter)
// after mutate:
queryClient.invalidateQueries({ queryKey: ['todos'] })

Query owns the cached list. After a mutation, invalidate so the UI refetches — do not mirror the Nest array in Redux.

Real Nest health (same client)

Loading health…

Same pattern against Nest via @/lib/api. If this errors, start the API and refresh.