如何在HypserStack中使用MaterialUI的移动步进器？

import React from 'react';
import { Stepper, Step, StepLabel } from 'material-ui/Stepper';

class MyComponent extends React.Component {
  state = {
    activeStep: 0,
  };

  steps = ['Step 1', 'Step 2', 'Step 3'];
  
  render() {
    const { activeStep } = this.state;

    return (
      <div>
        <Stepper activeStep={activeStep}>
          {this.steps.map((label, index) => (
            <Step key={index}>
              <StepLabel>{label}</StepLabel>
            </Step>
          ))}
        </Stepper>
      </div>
    );
  }
}

render() {
  // ...

  return (
    <div>
      <Stepper activeStep={activeStep}>
        {this.steps.map((label, index) => (
          <Step key={index}>
            <StepLabel>{label}</StepLabel>
          </Step>
        ))}
      </Stepper>

      {activeStep === 0 && (
        <div>
          {/* Step 1 content */}
        </div>
      )}

      {activeStep === 1 && (
        <div>
          {/* Step 2 content */}
        </div>
      )}

      {activeStep === 2 && (
        <div>
          {/* Step 3 content */}
        </div>
      )}
    </div>
  );
}