如何从 material-ui 控制 TablePagination

Question

When page loaded initially, the page rows should start from 1.
but It starts from 25 like below.

the data 1-25 and 26-50 are same. so when I clicked < button, data doesn't changed.
but when I click > , it works just fine.
only problem is setting initial number of rows.

this is my code.

  const [page, setPage] = useState(1);
  const [rowsPerPage, setRowsPerPage] = useState(25);

          <TablePagination
            component="div"
            count={adminInfo && adminInfo.total}
            page={page}
            onChangePage={handleChangePage}
            rowsPerPage={rowsPerPage}
            onChangeRowsPerPage={handleChangeRowsPerPage}
            onChange={moveToNextPage}
           />

Thanks for reading

• Edited The reason why I didn't set page value to 0 was
  If I send 0 to server, server takes 0 and 1 as same values.
  So when I clicked > button, 0 to 1 showed same data.
  But I've solved this problem in api query like below.
  

//before solving
await axios.get(`${BASEURL}`+(page ? `page=${page}` : 'page=1')

//after solving
await axios.get(`${BASEURL}`+(page ? `page=${page+1}` : 'page=1')

simply added +1 to page value.

Answer 1

You need to set the first value for page is 0