Estoy implementando la paginación de Material UI en una aplicación desarrollada usando NEXT JS.

Empecé agregando el componente de paginación:

 <Pagination siblingCount={2} page={parseInt(props.page||1)} count={parseInt(props.total_pages)} renderItem={(item) => ( <> <PaginationItem component={MaterialUiLink} query={query} item={item} {...item} /> </> )} /> </>

Luego definí un componente funcional que será accesorio de PaginationItem (component={MaterialUiLink}) :

 export function MaterialUiLink({item, query, ...props}:MaterialUiLinkProps) { return <Link href={{ pathname: searchListing, query: {...query, page: item.page} }}><Button {...props}></Button></Link>; }

Pero cuando fui a la página y abrí la consola de devtools, encontré dos errores:

• Advertencia: Tipo de prop fallido: component de prop no válido proporcionado a ForwardRef(ButtonBase) . Se esperaba un tipo de elemento que pueda contener una referencia. ¿Proporcionó accidentalmente un componente de función simple en su lugar? Para obtener más información, consulte https://mui.com/r/caveat-with-refs-guide
• Advertencia: los componentes de función no se pueden dar refs. Los intentos de acceder a esta referencia fallarán. ¿Querías usar React.forwardRef()? Compruebe el método de renderizado de MuiButtonBaseRoot .

En ningún momento definí un componente MuiButtonBase, ¿de dónde viene el error? ¿Cómo puedo manejar esto?