title: _react.default.useContext is not a function
body: <ul>
  <li>I am using material ui stepper.</li>
  <li>I used from there site but its broken</li>
  <li>so I debugged and gave console inside VerticalLinearStepper method.</li>
  <li>its printting a method at this line   console.log("useStyles----->", useStyles);</li>
  <li>but I am facing an error _react.default.useContext is not a function</li>
  <li>can you tell me how to fix it.</li>
  <li>so that in future I will fix it myself.</li>
  <li>providing code snippet and sandbox below</li>
  </ul>
  
  <p><a href="https://codesandbox.io/s/v3o3zmxk90" rel="noreferrer">https://codesandbox.io/s/v3o3zmxk90</a></p>
  
  <pre><code>function VerticalLinearStepper() {
    console.log("useStyles-----&gt;", useStyles);
  
    const classes = useStyles();
  
    const [activeStep, setActiveStep] = React.useState(0);
    const steps = getSteps();
  
    function handleNext() {
      setActiveStep(prevActiveStep =&gt; prevActiveStep + 1);
    }
  
    function handleBack() {
      setActiveStep(prevActiveStep =&gt; prevActiveStep - 1);
    }
  
    function handleReset() {
      setActiveStep(0);
    }
  </code></pre>