Facing issue in Server side pagination in Datagrid Mui table

Question

I am receiving the total count and other pagination details in API. After getting a response, I am storing it in the redux store. The problem is that when I pass the constant value in the rowcount then it works fine but When I pass the value of rowCount from redux-store which is stored from API then It creates an issue while changing the page. I am unable to change the page.

I think the problem is when I change the page then totalcount refreshes in redux store because I am hitting again the same API with the page number. Any suggestion on how can I fix this issue.

<DataGrid
        className="datagrid"
        rows={data.rows}
        columns={data.columns}
        pageSize={5}
        rowCount={50}
        rowsPerPageOptions={[5]}
        page={page}
        checkboxSelection
        paginationMode="server"
        // onPageChange={handlePageChange}
        onPageChange={paginationhandlechange}
      />