React Query Advanced in react

Advanced React Query involves handling complex synchronization scenarios. 1. Optimistic Updates: UI updates immediately before server confirmation. 2. Infinite Scrolling: Loading chunks of data using useInfiniteQuery. 3. Prefetching: Loading data into the cache before a user actually navigates to a part of the app. 4. Mutations: Handling server-side data changes with proper cache invalidation.

const mutation = useMutation({
  mutationFn: updateTodo,
  onSuccess: () => {
    queryClient.invalidateQueries({ queryKey: ['todos'] });
  },
});