Este código es responsable de mostrar los componentes en la página. Pero en la consola recibo las siguientes advertencias:
Advertencia: tipo de prop fallido: se proporcionó
lgde prop no válido aForwardRef(Grid), se esperaba uno de tipo [number, boolean].
Advertencia: Tipo de prop fallido:
smde prop no válido proporcionado aForwardRef(Grid), se esperaba uno de tipo [number, boolean].
Advertencia: tipo de prop fallido: prop
xsno válidos proporcionados aForwardRef(Grid), se esperaba uno de tipo [number, boolean].
Según tengo entendido, estoy usando Grid incorrectamente. Pero todavía no puedo entender cómo transferir este para no destruir el marcado de esta página. Por favor, dígame cómo deshacerse de estas advertencias.
const GridProps = { container: true, xs: '12', sm: '7', lg: '9', } export default function Devices() { const urlParams = useParams(); return ( <Grid className={classes.containerStyle}> <Grid className={classes.widthAndHeight}> <Grid {...GridProps}> </Grid> </Grid> </Grid> ); }Advertencia: tipo de prop fallido: se proporcionó lg de prop no válido a ForwardRef (Grid), se esperaba uno de tipo [number, boolean].
El componente Grid espera lg, md, sm en estas opciones de tipo numérico o booleano , y está utilizando un tipo de cadena .
lg = 'automático' | número | Accesorios de cuadrícula bool
Correcto debe ser:
const GridProps = { container: true, xs: 12, sm: 7, lg: 9, item: true, };