Range slider Material UI. Работа с массивом значений

Имеется массив:

const data = [0, 1, 3, 4, 6, 7, 9, 10, 12, 13, 15, 16, 18, 19, 21, 24];

определяется стейт с начальным значением в компоненте:

const [value, setValue] = useState<number[]>(data);

Из него строится трек с отрезками. Пример взят с сайта Material UI: пример

Мне нужно, чтобы значения в массиве не повторялись ни при каких обстоятельствах, иначе говоря, чтобы точка не накладывалась на другую (между отрезками было минимальное расстояние в 1 шаг)

Если кто-то реализовал подобный функционал, поделитесь идеями. Спасибо.