[material-ui][Stepper] Add classes .Mui-active for MuiStep-root about material-ui HOT 1 CLOSED

<Stepper activeStep={0} connector={<Connector />}>
            {steps.map((label) => (
                <CustomStep key={label}>
                    <StepLabel StepIconComponent={StepIcon}>{label}</StepLabel>
                </CustomStep>
            ))}
        </Stepper>
        //........
const CustomStep = styled(Step)(({ theme }) => ({
    [`&.Mui-completed .${stepLabelClasses.root}`]: {
        backgroundColor: "#e1d5ff",
        borderRadius: 20,
        padding: 8,
        color: "#784af4",
    },
    [`& .${stepLabelClasses.root}`]: {
        backgroundColor: "#784af4",
        borderRadius: 20,
        padding: 8,

        color: "gray",
        [`&.${stepLabelClasses.disabled}`]: {
            backgroundColor: "rgb(0 0 0 /.3)",
            borderRadius: 20,
            padding: 8,
            color: "gray",
        },
    },
    [`& .${stepLabelClasses.label}`]: {
        [`&.${stepLabelClasses.completed}`]: {
            color: "#784af4",
            fontWeight: 600,
        },
        [`&.${stepLabelClasses.active}`]: {
            color: "white",
            fontWeight: 600,
        },
        [`&.${stepLabelClasses.disabled}`]: {
            color: "white",
            fontWeight: 600,
        },
        color: "gray",
        padding: 1,
        fontWeight: 600,
    },
}));