[BUG] - Pagination controlled page number does not update when setting total after delay

[jprosevear]

NextUI Version

2.6.11

Describe the bug

When waiting for API response, with page=0 and total =0, when updating page and total, page is not selected (awaiting API response for initial totals).

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

Code is roughly:

const App = () => {  
  const [page, setPage] = useState(0);
  const [total, setTotal] = useState(0);

  useEffect(() => {
    setTimeout(() => {
      console.log('set total');
      setPage(1);
      setTotal(4);
    }, 3000);
  }, []);

 
  return (
      <Pagination page={page} total={total} onChange={setPage} showControls />
      Page: {page}
      {''}Total: {total}
  );
};

Expected behavior

Page 1 should be selected

Screenshots or Videos

Screen.Recording.2025-01-08.at.11.25.56.AM.mov

Operating System Version

macOS

Browser

Chrome

[linear]

ENG-1846 [BUG] - Pagination controlled page number does not update when