Quiero usar el accesorio "componente" con un componente MUI (ListItem por ejemplo) usando la API styled(). Mi configuración a continuación provoca un error que dice que el "componente" no es un accesorio válido. ¿Cuál es la forma correcta de hacer esto? No puedo encontrar ningún ejemplo de esto en los documentos. ¿Es mi única opción usar la sintaxis sx ?
const StyledListItem = styled(ListItem)` // some styles here `; const MyComponent = () => ( <StyledListItem component="a" target="_blank" href="#"/> ); ¿Debo usar shouldForwardProps aquí?
lo que tiene actualmente para el component no es el tipo correcto de valor. Tiene que ser un tipo de elementType que en realidad es un componente y no una cadena.
<StyledListItem component="a" target="_blank" href="#" />algo como esto...
<StyledListItem component={element} target="_blank" href="#" />