Zmena Materiálu UI Stepper ikonu chyba krok

Im pomocou Materiálu UI je Stepper komponent na vykreslenie kontrolný zoznam ako tak. Je to pic z ich dokumenty.

keď som chcel zaviesť chyba štátu, kontrolný zoznam, zistil som, že tam je prop nazýva chyba pre StepLabel, že môžem vyhlásiť. V podstate to vám umožní zmeniť štýly, ako napríklad farbu pozadia, atď.

Avšak, keď som nastaviť chyba prop pravda, je tu nová ikona, ktorá prišla o. Nechcem, aby táto ikona, ale len chcete zmeniť vyplniť farbu z modrej na červenú.

Existuje nejaký spôsob, ako sa môžem vzdať sa, že ikona a len starať o vyplnenie farbou stepper miesto?

Tu je môj kód:

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