Trato de incorporar un componente de interruptor de MUI en mi código y, por alguna razón, al cargar la página inicial, el interruptor se ve como debería, idéntico al del sitio de MUI. Sin embargo, al recargar, cambia y se ve así:
¿Cómo hago para que no cambie a eso? Así es como se ve mi código en esa sección:
<div style={{ zIndex: 1, position: "absolute", margin: "25px 0 0 0", float: "left", left: "22px" }}> <label>Show Voided Orders:</label> <Switch defaultChecked={false} /> </div>Puede probar estos métodos en el documento ( https://mui.com/material-ui/customization/how-to-customize/ ).
ejemplo:
https://mui.com/material-ui/react-switch/#customization
Nombre de clase de CSS para referencia: https://mui.com/material-ui/api/switch/#css