Recibo el siguiente error porque probablemente no estoy distribuyendo la propiedad maxWidth correctamente:

Advertencia: React no reconoce la propiedad maxWidth en un elemento DOM. Si desea que aparezca intencionalmente en el DOM como un atributo personalizado, escríbalo como maxwidth en minúsculas. Si lo pasó accidentalmente desde un componente principal, elimínelo del elemento DOM.

Creo que el error se debe a la forma en que distribuyo las propiedades al componente:

 export const Card = forwardRef<HTMLDivElement, CardProps>( ({ outline, elevation, width = 'inherit', maxWidth='650px', isModal, ...props }, ref) => { const CardWrapper = isModal ? DialogWrapper : Wrapper return ( <CardWrapper ref={ref} {...{ outline, elevation, width, maxWidth, ...props }} > <CardContent {...{ elevation, isModal, ...props }} /> </CardWrapper> ) } )

Como puede ver, estoy extendiendo maxWidth='650px' cuando debería ser max-width='650' . El problema es que no estoy seguro de cómo difundirlo usando un alias o algo así.