Слайдер Material-UI не изменил цвет активного диапазона

Question

Я делаю компонент Range Slider от нуля до десяти.Он должен раскрасить значения, которые находятся внутри диапазона из поля, но это не так.

Вот мой компонент ползунка

export function VoteRange({ voteRange, setVoteRange }) {
  const classes = useStyles();

  const handleChange = (event, newValue) => {
    setVoteRange(newValue);
  };

  return (
    <div className={classes.root}>
      <Slider
        value={voteRange}
        onChange={handleChange}
        valueLabelDisplay="auto"
        min={0}
        max={10}
        marks={marks}
      />
    </div>
  );
}

Обработчики из контроллера

const [voteRange, setVoteRange] = useState([0, 10]);

Значения меток

const marks = [
  {
    value: 0,
    label: '0',
  },
  {
    value: 5,
    label: 5,
  },
  {
    value: 10,
    label: 10,
  },
];

Я прочитал API, но не нашел решения

Я ожидаю увидеть метки в диапазоне с активным цветом, но когда Slider установлен на0-10 активны только «0» и «1».(когда ползунок установлен на 0-9 и ниже активен только «0»)

Answer 1

обновление пакета @ material-ui / lab с 4.0.0-alpha.16 до 4.0.0-alpha.18 решает проблему