_react.default.useContext не является функцией

Question

• Я использую материал UI Stepper.
• Я использовал оттуда сайт, но он сломан
• поэтому я отладил и выдал консоль внутри метода VerticalLinearStepper.
• это печать метода в этой строке console.log ("useStyles ----->", useStyles);
• но я сталкиваюсь с ошибкой _react.default.useContext не является функцией
• подскажите, как это исправить.
• так что в будущем я сам исправлю.
• с приведенным ниже фрагментом кода и песочницей

https://codesandbox.io/s/v3o3zmxk90

function VerticalLinearStepper() {
  console.log("useStyles----->", useStyles);

  const classes = useStyles();

  const [activeStep, setActiveStep] = React.useState(0);
  const steps = getSteps();

  function handleNext() {
    setActiveStep(prevActiveStep => prevActiveStep + 1);
  }

  function handleBack() {
    setActiveStep(prevActiveStep => prevActiveStep - 1);
  }

  function handleReset() {
    setActiveStep(0);
  }

Answer 1

@ material-ui / styles имеет одноранговую зависимость от response> = 16.7.0-alpha.0 и response-dom> = 16.7.0-alpha.0 Обновите свои зависимости от реакции и реагирования на:

"dependencies": {
    "react": "^16.7.0-alpha.2",
    "react-dom": "^16.7.0-alpha.2",
},

Answer 2

Из того, что я вижу, вы используете версию React, которая еще не поддерживает хуки (useXXX)

Иногда меня это тоже смущает, но latest как версия в вашем package.json на самом деле означает "Последняя стабильная версия".
Чтобы использовать версию, которая поддерживает хуки, вы можете использовать версию next для react, а также react-dom:)