Как прокрутить вверх при выборе rowperpage в пользовательском интерфейсе материала?

Question

Я новичок в React и UI материала. Я хочу, чтобы пользователь изменял rowperpage из раскрывающегося списка, чем я хочу прокрутить вверху моего окна. Я использовал таблицу, в которой для разбивки на страницы я написал код, такой как -

            rowsPerPageOptions={[5, 10, 25]}
            component="div"
            count={users.length}
            rowsPerPage={rowsPerPage}
            page={page}
            onChangePage={handleChangePage}
            onChangeRowsPerPage={handleChangeRowsPerPage}

          />

вызываемые функции пишутся так:

const handleChangePage = (event, newPage) => {
    window.scrollTo(0, 0);
    setPage(newPage);

  };


  const handleChangeRowsPerPage = (event) => {
    setRowsPerPage(parseInt(event.target.value, 10));
    setPage(0);
window.scrollTo(0,0);   
  };

Я пытался использовать window.scrollTo (0,0), для handleChangePage это работает, но для handleChangePerPage это не работает.