Material-ui: 실패한 소품 유형 : "deprecatedVariants"는 입력 체계에서 읽기 전용입니다.

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)

또한 Typography 의 무해한 사용을 위해 이것을 얻습니다.

타이포그래피 변형 업데이트

@biggreenbubble 무슨 뜻이야?

너무 업데이트 변형은 다음 지침을 따릅니다.

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

그러나 변종을 업데이트했지만 여전히이 문제가 있습니다.

마찬가지로.

+1

+1
이전 변형을 new로 변경했지만이 경고는 여전히 콘솔에 있습니다.
타이포그래피 용 API 문서도 오래되었습니다.

문제를 찾았으며 검토를 위해 보류중인 잠재적 수정 사항이 있습니다. 이 대화 목록을 "+1"로 스팸하지 마세요. 이 문제를 구독하는 모든 사람에게 알림이 넘쳐납니다. 대신 반응 기능을 사용할 수 있습니다.

업스트림 문제는 https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types/pull/167 로 수정해야합니다

문제를 해결할 수 없으면 콘솔에 다음 경고가 계속 표시됩니다.

경고 : 실패한 소품 유형 : "deprecatedVariants"는 읽기 전용입니다 ....

제발 도와 주 시겠어요? #감사..

@JulianPovedaM 수정은 아직 릴리스되지 않았습니다. node_modules 수동으로 편집하는 것 외에 다른 솔루션을 제공 할 수 없습니다.

한 가지 해결책은 babel 플러그인의 수정 사항이 이미 릴리스되었으므로 앱에서 복제, 로컬 빌드 및 링크하는 것입니다. 그러나이 스레드에서이를 수행하는 방법을 묻지 마십시오. 이것은이 문제의 범위를 벗어납니다.

패치 릴리스 또는 3.4.0에서 출시됩니까? 패치 릴리스 인 경우 예상 시간이 있습니까?

양해 해 주셔서 감사합니다. v3.2.2가 출시되었습니다. 모두 괜찮은지 알려주세요. :).

나를 위해 수정합니다! 큰 전환!

모두 내 편이 좋다!

어제 3.2.1을 설치했고 Google 검색에서 3.2.2가 나왔음을 확인했습니다! 처음 문제가 해결되면 바로 문제에 도달합니다! 잘 했어.

@oliviertassinari 나는 실제로 여기에서 혼란 스럽습니다. 동일한 경고가 표시되고 3.2.2 에도 불구하고 여전히 다음과 같이 표시됩니다.

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

코드를 살펴 보았습니다 : 여기 : https : //github.com/mui-org/material-ui/blob/b895ee783b13a50d4ab0a92c2ea15c2ff7f1e8ae/packages/material-ui/src/styles/createTypography.js#L38

createTypography 호출 ( createMuiTheme 호출)은 useNextVariants 가 https://material-ui.com/style/에 따라 true로 설정되면 항상이 경고를 생성하는 것 같습니다.

편집 : 가이드가 잘못 되었습니까? 실제로 앱 전체에서 모든 스타일을 수동으로 업데이트하여 새로운 변형을 사용했습니다 (예 : subheading 를 subtitle1 대체). 이 경우 플래그를 설정해야합니까, 아니면 반대 방향으로 설정해야합니까?

@jraoult 경고 메시지를 게시하십시오.

연결 한 코드의 경고 메시지는 조건이 거짓 인 경우에만 트리거됩니다.

~ @ eps1lon 맞습니다. suppressWarning 이 실제로 false 이기 때문입니다. 그러나 이제 나는 마이그레이션 가이드를 오해했다는 인상을 받았습니다 (코드가 맞다면). 스타일을 수동으로 마이그레이션 한 경우 useNextVariants 를 설정할 필요가 없습니다. ~

편집 : @ eps1lon 흠. 나는 아마도 금식으로 말했을 것입니다. 더 이상 메시지를 볼 수 없습니다. yarn 캐시가 꺼져 있는지 궁금합니다.

@oliviertassinari Typography를 사용하는 동안 오류가 발생하는데 Cannot read property 'useNextVariants' of undefined 입니다. Material-UI 테마를 사용하지 않습니다. 다른 패키지를 사용하여 내 테마를 설정하고 HTML 페이지 내에 window.__MUI_USE_NEXT_TYPOGRAPHY_VARIANTS__ = true; 작성했습니다.
Typography.js 내부에 테마에 대한 null refrence를 확인하지 않는 조건이있는 것 같습니다.

테마가 일정한 모양을 갖도록 요구합니다. 타사 패키지가이 라이브러리에 대한 테마를 만들려면 모양과 일치해야합니다. 전체 모양 : https://github.com/mui-org/material-ui/blob/994c376bb2d07d70b67182be60afd4ad7e247478/packages/material-ui/src/styles/createMuiTheme.d.ts#L30 -L43