[material-ui][Select] aria-required on the Select component is not being read by screen readers about material-ui HOT 3 OPEN

              <Select
                labelId="select_county"
                id="county_id"
                name="county_id"
                defaultValue=""
                // IconComponent={() => <CustomIcon />}

                displayEmpty={true}
                {...register("county_id", {
                  required: "Party selection is required",
                })}
                value={watch("county_id")}
                onChange={(e) => {
                  const selectedValue = e.target.value;

                  setValue("district_id", 0);
                  setValue("division_id", 0);
                  setValue("running-for", 0);
                  setValue("county_id", selectedValue, {
                    shouldValidate: true,
                  });
                  handleChange(e);
                }}
                renderValue={(selectedValue) => {
                  const countyItem = country.find(
                    (item) => item.id === selectedValue
                  );
                  return countyItem ? countyItem.name.toUpperCase() : "";
                }}
                inputProps={{
                  sx: {
                    "&::placeholder": {
                      color: "#67666C",
                      opacity: 1,
                    },
                  },
                }}
                aria-required="true"  
              >
              
              so it is going in the .MuiInputBase-root element, where it should go to the element where we are using role="combobox", which is the .MuiSelect-select  element (Please check the image of inspected element)