Material-ui: Échec du type de prop: "deprecatedVariants" est en lecture seule dans Typography

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)

Obtenez également ceci pour une utilisation apparemment bénigne de Typography .

mettre à jour la variante de typographie

@biggreenbubble que voulez-vous dire?

Trop de variantes de mise à jour suivent ces instructions:

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

Cependant, j'ai mis à jour des variantes et j'ai toujours ce problème.

Également.

+1

+1
J'ai changé l'ancienne variante en nouvelle, mais cet avertissement est toujours dans la console.
Et le document API pour la typographie est également ancien

Nous avons localisé le problème et avons un correctif potentiel en attente d'examen. Veuillez ne pas spammer ce fil avec "+1". Cela ne fait qu'inonder les notifications pour tous les abonnés à ce problème. Vous pouvez utiliser la fonction de réaction à la place.

Le problème en amont doit être résolu avec https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types/pull/167. Nous devons le publier maintenant.

ne peut pas résoudre le problème, la console continue d'indiquer l'avertissement suivant:

Avertissement: échec du type de prop: "deprecatedVariants" est en lecture seule ....

pourrais-tu m'aider s'il te plait? #Merci..

@JulianPovedaM Le correctif n'est pas encore publié. Nous ne pouvons pas proposer une solution autre que la modification manuelle de votre node_modules .

Une solution pourrait être de cloner, de construire localement et de créer un lien dans votre application puisque le correctif du plugin babel est déjà publié. Mais s'il vous plaît, ne demandez pas dans ce fil comment faire cela. Ceci est hors de portée pour ce problème.

Cela sortira-t-il dans une version de correctif ou dans la 3.4.0? S'il s'agit d'une version de correctif, des estimations de délai?

Merci pour la patience, la v3.2.2 est sortie, faites-nous savoir si tout va bien :).

Corrige ça pour moi! Grand revirement!

Tout va bien de mon côté aussi!

J'avais 3.2.1 que j'ai installé hier, et je suis arrivé ici à partir d'une recherche Google pour découvrir que 3.2.2 est sorti! La première fois que j'arrive à un problème dès qu'il est résolu! Bon travail.

@oliviertassinari Je suis en fait confus ici. Je reçois le même avertissement et malgré le 3.2.2 il affiche toujours:

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"
    }
  }
});

J'ai jeté un œil au code: ici: https : //github.com/mui-org/material-ui/blob/b895ee783b13a50d4ab0a92c2ea15c2ff7f1e8ae/packages/material-ui/src/styles/createTypography.js#L38

Il semble que l'appel de createTypography (appelé par createMuiTheme ) donnera toujours cet avertissement une fois que useNextVariants est défini sur true, ce qui par https://material-ui.com/style/ typography / # migration -to-typography-v2 est recommandé. Est-ce que je manque quelque chose?

EDIT: ai-je mal compris le guide? J'ai en fait mis à jour manuellement tous mes styles dans l'application pour utiliser la nouvelle variante (c'est-à-dire en remplaçant subheading par subtitle1 etc.) Suis-je censé définir le drapeau dans ce cas ou est-ce censé être l'inverse?

@jraoult Veuillez poster le message d'avertissement.

Le message d'avertissement dans le code que vous avez lié ne se déclenchera que si la condition est fausse.

~ @ eps1lon à droite, c'est dommage parce que suppressWarning est en fait false . Mais maintenant, j'ai l'impression (si le code est correct) que j'ai mal compris le guide de migration. Si j'ai migré les styles manuellement, je n'ai pas besoin de définir useNextVariants . ~

EDIT: @ eps1lon hmm. J'ai probablement parlé rapidement. Je ne vois plus le message. Je me demande si mon cache yarn était désactivé.

@oliviertassinari J'ai une erreur lors de l'utilisation de la typographie et il dit Cannot read property 'useNextVariants' of undefined . Je n'utilise pas le thème Material-ui. J'ai défini mon propre thème en utilisant un autre package et j'ai également écrit window.__MUI_USE_NEXT_TYPOGRAPHY_VARIANTS__ = true; dans ma page HTML.
Il semble qu'il y ait une condition à l'intérieur de Typography.js qui ne vérifie pas la référence nulle pour le thème.

Nous exigeons que le thème ait une certaine forme. Si un package tiers souhaite créer des thèmes pour cette bibliothèque, il doit correspondre à la forme. Forme complète: https://github.com/mui-org/material-ui/blob/994c376bb2d07d70b67182be60afd4ad7e247478/packages/material-ui/src/styles/createMuiTheme.d.ts#L30 -L43