Así que tengo una cuadrícula MUI dentro de un componente React que estoy usando y tengo mi propia paginación personalizada en el pie de página de la tabla. Uso la API de contexto de Grid para ver la página actual y uso el método setPage que proporciona la API.

 export const Pagination = ({ page, }) => { const apiRef = useGridApiContext(); const api = apiRef.current; useGridApiEventHandler(apiRef, 'pageChange', (pageNum: number) => { // run stuff when the page is changed }); return ( <Box display="flex" marginTop={2}> <ButtonGroup> <Button variant="text" aria-label="Previous" onClick={() => api.setPage(page - 1)} size="small" > </Button> </ButtonGroup> <ButtonGroup> <Button variant="text" aria-label="Next" onClick={() => api.setPage(page + 1)} size="small" > </Button> </ButtonGroup> </Box> ); };

El controlador onClick funciona bien, pero el estado interno de Grid no cambia ni se ve afectado. No parece un problema de la red MUI. ¿Alguien tiene alguna idea?