score:1

Accepted answer

put condition on icon props on steplabel.

icon={error ? <error /> : label.step} like as mention below 👇

stepper alternativelabel activestep={this.determineformstep()} connector={<stepconnector />} classname={classes.stepper}>
          {formlabels.map((label, index) => {
            return (
              <step key={label}>
                <steplabel
                  icon={error ? <error /> : label.step}
                  error={true}
                  stepiconprops={{
                    classes: {
                      root: classes.step,
                      completed: classes.completed,
                      active: classes.active,
                      error: classes.error,
                      disabled: classes.disabled
                    }
                  }}>
                  <div classname={classes.steplabelroot}>
                    <typography classname={classes.label}>
                      {label.label}
                    </typography>
                    <span classname={classes.sublabel}>
                      {label.sublabel1}
                    </span>
                    <span classname={classes.sublabel}>
                      {label.sublabel2}
                    </span>
                    <span classname={classes.sublabel}>
                      {label.sublabel3}
                    </span>
                  </div>
                </steplabel>
              </step>);
          })}
        </stepper>

Related Query

More Query from same tag