Matériau à changement de l'INTERFACE utilisateur pas à pas l'icône d'erreur à l'étape

Im en utilisant le Matériel de l'INTERFACE utilisateur pas à pas de composant de rendre une liste de vérification comme si. C'est un pic de ses docs.

quand j'ai voulu introduire un état d'erreur à la liste de contrôle, j'ai trouvé qu'il y est un accessoire appelé erreur pour la StepLabel que je peux déclarer. Fondamentalement, il vous permettra de modifier les styles, tels que la couleur de fond, etc.

Cependant, lorsque j'ai créé l'erreur prop de vrai, il y a une nouvelle icône qui est arrivé. Je ne veux pas cette icône, mais tout simplement de changer la couleur de remplissage du bleu au rouge.

Est il possible que je peux renoncer à cette icône, et juste à vous soucier de la couleur de remplissage du moteur pas à pas à la place?

Voici mon code:

<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>