Estaba trabajando en Material UI v4 pero después del lanzamiento de MUI (Material UI V5) cambié eso, pero después de cambiar no puedo ver nada en la página de documentos del libro de cuentos. Pestaña de lienzo

Pestaña Documentos

Botón.js

 import styled from "styled-components"; const StyledButton = styled(button)` width: ${(props) => props.width}; font-size: 0.9rem; background-color: ${(props) => { if (props.color === "primary") { return "red"; } return props.bgcolor; }} !important; color: ${(props) => { if (props.color === "primary") { return "white"; } return props.color; }} !important; margin-bottom: 0.5rem !important; } `; export const Button = (props) => { return <StyledButton {...props} />; };

Historia del botón

 import { Button } from "../component/Button"; export default { title: "Utilities/Button", component: Button, }; export const Primary = () => ( <Button color="primary" variant="contained"> Primary </Button> ); export const Secondary = () => ( <Button color="secondary" variant="contained"> Secondary </Button> ); export const fullwidth = () => ( <Button variant="contained" color="primary" width="100%"> Primary </Button> );