Chakra UI Pagination + React Query: Controlled or Uncontrolled State?
Goal: Ensure that Chakra UI's Pagination component stays in sync with a data‑fetching hook such as React Query when implementing paginated loading of large datasets. The Pagination component is stateless and requires a pageIndex prop and an onChange handler, forcing a controlled pattern. React Query, meanwhile, owns the query state and can refetch when pagin