Material-ui: Tipo de accesorio fallido: "deprecatedVariants" es de solo lectura en Tipografía

Failed prop type: "deprecatedVariants" is read-only in Typography (created by WithStyles(Typography)) in WithStyles(Typography) (created by FormControlLabel) in label (created by FormControlLabel) in FormControlLabel (created by WithStyles(FormControlLabel)) in WithStyles(FormControlLabel) (created by CreateTaskBase)

También obteniendo esto por un uso aparentemente benigno de Typography .

actualizar variante de tipografía

@biggreenbubble ¿a qué te refieres?

Para actualizar las variantes, siga estas instrucciones:

https://material-ui.com/style/typography/#migration -to-typography-v2

Sin embargo, he actualizado variantes y todavía tengo este problema.

Igualmente.

+1

+1
Cambié la variante anterior a la nueva, pero esta advertencia todavía está en la consola.
Y el documento api para tipografía también es antiguo

Localizamos el problema y tenemos una posible solución pendiente de revisión. No envíe spam a este hilo con "+1". Esto solo inunda las notificaciones para todos los que están suscritos a este problema. En su lugar, puede utilizar la función de reacciones.

El problema ascendente debe solucionarse con https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types/pull/167. Necesitamos lanzarlo ahora.

no puede solucionar el problema, la consola sigue indicando la siguiente advertencia:

Advertencia: Tipo de accesorio fallido: "deprecatedVariants" es de solo lectura ...

¿usted me podría ayudar por favor? #Gracias..

@JulianPovedaM La solución aún no se ha publicado. No podemos ofrecer una solución que no sea la edición manual de su node_modules .

Una solución podría ser clonar, compilar localmente y vincular en su aplicación, ya que la solución en el complemento de babel ya está disponible. Pero, por favor, no preguntes en este hilo cómo hacer esto. Esto está fuera del alcance de este problema.

¿Saldrá esto en una versión de parche o en 3.4.0? Si se trata de un lanzamiento de parche, ¿alguna estimación de tiempo?

Gracias por la paciencia, se lanzó v3.2.2, háganos saber si todo está bien :).

¡Me lo arregla! ¡Gran cambio!

¡Todo bien de mi lado también!

¡Tenía 3.2.1 que instalé ayer, y llegué aquí desde una búsqueda en Google para descubrir que 3.2.2 está fuera! ¡La primera vez que llego a un problema justo cuando se soluciona! Buen trabajo.

@oliviertassinari Estoy realmente confundido aquí. Recibo la misma advertencia y, a pesar de 3.2.2 , todavía se muestra:

const theme = createMuiTheme({
  typography: {
    useNextVariants: true
  },
  palette: {
    primary: {
      main: "#50c9c3",
      light: "#87fcf6",
      dark: "#009893",
      contrastText: "#000000"
    },
    secondary: {
      main: "#80d8ff",
      light: "#b5ffff",
      dark: "#49a7cc",
      contrastText: "#000000"
    }
  }
});

Eché un vistazo al código: aquí: https : //github.com/mui-org/material-ui/blob/b895ee783b13a50d4ab0a92c2ea15c2ff7f1e8ae/packages/material-ui/src/styles/createTypography.js#L38

Parece que llamar a createTypography (llamado por createMuiTheme ) siempre generará esta advertencia una vez que useNextVariants se establezca en verdadero, según https://material-ui.com/style/ Se recomienda

EDITAR: ¿me equivoqué con la guía? De hecho, actualicé todos mis estilos manualmente en toda la aplicación para usar la nueva variante (es decir, reemplazando subheading por subtitle1 etc.). ¿Se supone que debo poner la bandera en este caso o se supone que debe ser al revés?

@jraoult Publique el mensaje de advertencia.

El mensaje de advertencia en el código que vinculó solo se activará si la condición es falsa.

~ @ eps1lon correcto, mi problema es que suppressWarning es false realidad. Pero ahora tengo la impresión (si el código es correcto) de que entendí mal la guía de migración. Si migré los estilos manualmente, no tengo que configurar useNextVariants . ~

EDITAR: @ eps1lon hmm. Probablemente hablé rápido. Ya no puedo ver el mensaje. Me pregunto si mi caché yarn estaba apagada.

@oliviertassinari Tengo un error al usar Tipografía y dice Cannot read property 'useNextVariants' of undefined . No estoy usando el tema material-ui. Establecí mi propio tema usando otro paquete y también escribí window.__MUI_USE_NEXT_TYPOGRAPHY_VARIANTS__ = true; dentro de mi página HTML.
Parece que hay una condición dentro de Typography.js que no comprueba la referencia nula para el tema.

Requerimos que el tema tenga cierta forma. Si un paquete de terceros desea crear temas para esta biblioteca, debe coincidir con la forma. Forma completa: https://github.com/mui-org/material-ui/blob/994c376bb2d07d70b67182be60afd4ad7e247478/packages/material-ui/src/styles/createMuiTheme.d.ts#L30 -L43