변화 댄서 아이콘을 오류가 단계

사용 재료 UI 의 댄서 구성 요소를 렌더링하는 체크리스트 이렇게. 이 그림에서 자신의 도움을 줍니다.

싶을 때 소개하는 오류 상태를 체크리스트가 있다는 것을 발견했 소품이라는 오류를 StepLabel 는 선언 할 수 있습니다. 기본적으로 그것을 변경할 수 있습니다 스타일과 같은 배경색,etc.

그러나,설정하면 그 오류 소품을 사실,새로운 아이콘이 나온다. 내가 원하지 않는 이 아이콘을,하지만 그냥하고 싶은 색을 바꿀에서 파랑 빨간색입니다.

는 방법이 있을 삼갈 수 있는 아이콘 단지에 대해 걱정의 색을 작성 댄서 대신?

여기에는 나의 코드:

<Stepper alternativeLabel activeStep={this.determineFormStep()} connector={<StepConnector />} className={classes.stepper}>
          {formLabels.map((label, index) => {
            return (
              <Step key={label}>
                <StepLabel
                  icon={label.step}
                  error={true}
                  StepIconProps={{
                    classes: {
                      root: classes.step,
                      completed: classes.completed,
                      active: classes.active,
                      error: classes.error,
                      disabled: classes.disabled
                    }
                  }}>
                    <span className={classes.sublabel}>
                      {label.sublabel3}
                    </span>
                  </div>
                </StepLabel>
              </Step>);
          })}
        </Stepper>