Material-ui: Tipo de prop com falha: "deprecatedVariants" é somente leitura na tipografia

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)

Também obtendo isso para um uso aparentemente benigno de Typography .

atualizar variante de tipografia

@biggreenbubble o que você quer dizer?

Variantes de atualização também seguem esta instrução:

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

No entanto, atualizei as variantes e ainda tenho esse problema.

Da mesma forma.

+1

+1
Mudei a variante antiga para a nova, mas este aviso ainda está no console.
E o documento api para tipografia também é antigo

Localizamos o problema e temos uma possível solução pendente para análise. Não envie spam para este tópico com "+1". Isso apenas inunda as notificações para todos os inscritos neste problema. Você pode usar o recurso de reações.

O problema upstream deve ser corrigido com https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types/pull/167. Precisamos liberar agora.

não consegue resolver o problema, o console continua a indicar o seguinte aviso:

Aviso: tipo de proposta com falha: "deprecatedVariants" é somente leitura ....

você poderia me ajudar por favor? #Obrigado..

@JulianPovedaM A correção ainda não foi lançada. Não podemos oferecer uma solução diferente de editar manualmente seu node_modules .

Uma solução poderia ser clonar, construir localmente e vincular em seu aplicativo, uma vez que a correção no plugin babel já foi lançada. Mas, por favor, não pergunte neste tópico como fazer isso. Isso está fora do escopo deste problema.

Isso vai sair em uma versão de patch ou no 3.4.0? Se for um lançamento de patch, alguma estimativa de prazo?

Obrigado pela paciência, v3.2.2 foi lançado, diga-nos se está tudo bem :).

Conserta para mim! Grande reviravolta!

Tudo de bom do meu lado também!

Eu tinha o 3.2.1 que instalei ontem e cheguei aqui a partir de uma pesquisa no google para descobrir que o 3.2.2 foi lançado! É a primeira vez que vejo um problema assim que ele é corrigido. Bom trabalho.

@oliviertassinari Estou realmente confuso aqui. Recebo o mesmo aviso e, apesar do 3.2.2 ele ainda mostra:

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

Dei uma olhada no código: aqui: https : //github.com/mui-org/material-ui/blob/b895ee783b13a50d4ab0a92c2ea15c2ff7f1e8ae/packages/material-ui/src/styles/createTypography.js#L38

Parece que chamar createTypography (chamado por createMuiTheme ) sempre gerará este aviso quando useNextVariants for definido como verdadeiro, conforme https://material-ui.com/style/ typography / # migration -to-typography-v2 é recomendado. Estou esquecendo de algo?

EDIT: eu entendi o guia errado? Na verdade, eu atualizei todos os meus estilos manualmente em todo o aplicativo para usar a nova variante (ou seja, substituindo subheading por subtitle1 etc.). Devo definir o sinalizador neste caso ou é o contrário?

@jraoult Por favor, poste a mensagem de aviso.

A mensagem de aviso no código que você vinculou só será disparada se a condição for falsa.

~ @ eps1lon certo, meu mal é porque suppressWarning é false na verdade. Mas agora tenho a impressão (se o código estiver correto) de que entendi mal o guia de migração. Se eu migrar os estilos manualmente, não preciso definir useNextVariants . ~

EDITAR: @ eps1lon hmm. Provavelmente falei rápido. Não consigo mais ver a mensagem. Eu me pergunto se meu cache de yarn estava desativado.

@oliviertassinari Estou tendo um erro ao usar a tipografia e está dizendo Cannot read property 'useNextVariants' of undefined . Não estou usando o tema material-ui. Eu defini meu próprio tema usando outro pacote e também escrevi window.__MUI_USE_NEXT_TYPOGRAPHY_VARIANTS__ = true; dentro da minha página HTML.
Parece que há uma condição dentro de Typography.js que não verifica a referência nula para o tema.

Exigimos que o tema tenha uma certa forma. Se um pacote de terceiros deseja criar temas para esta biblioteca, ele deve corresponder ao formato. Forma completa: https://github.com/mui-org/material-ui/blob/994c376bb2d07d70b67182be60afd4ad7e247478/packages/material-ui/src/styles/createMuiTheme.d.ts#L30 -L43