0xD34F

setValue(value === e.target.value);

Лишнее: value ===.

Ну и ограничений не хватает, так что:

setValue(Math.min(max, Math.max(min, e.target.value)));

UPD. Вынесено из комментариев:

Хотел реализовать тоже самое с двойным range слайдером и оказалось несколько сложнее.

Ничего сложного.

const sum = (...v1) => {
  const f = (...v2) => v2.length
    ? sum(...v1, ...v2)
    : v1.reduce((acc, n) => acc + n, 0);

  return v1.length ? f : f();
};

const keys = [...new Set(arr.flatMap(Object.keys))];

const result = arr.reduce((acc, n) => {
  keys.forEach(k => acc[k].push(n[k] ?? 0));
  return acc;
}, Object.fromEntries(keys.map(n => [ n, [] ])));

Вам вообще не надо вызывать эту функцию, если только вы не скрываете задачу, которая стоит перед вами на самом деле. Вы уже применили map - он как раз "для каждого элемента списка".

Если нужен индекс - он в коллбек map'a передаётся вторым параметром:

{cats.map((cat, index) => (
  <li key={cat.description} className="catsItem">
    <img src={catsImg[index]} alt=""/>
    ...

$('.text').html((i, html) => {
  const regex = /@(\w+)/g;
  const replacement = (m, g1) => `<a href="https:\/\/site.com/${g1}">${m}</a>`;

  return html.replace(regex, replacement);
});

lower = next((n for n in reversed(lst) if n <= num), float('-inf'))
upper = next((n for n in lst if n >= num), float('inf'))

print([ lower, upper ])

Потому что вы не видите разницы между функцией и результатом её вызова.

Добавьте () => перед openLightboxOnSlide(key) (кстати, а какого хрена переменная, содержащая индекс, названа key?).

Но вообще, дополнительный метод не нужен. И объект хранить в lightIndex не надо. Пусть индекс принимает по умолчанию значение null - это будет означать, что показывать ничего не надо:

const [ lightIndex, setLightIndex ] = useState(null);

<img onClick={() => setLightIndex(key)} />

<ReactBnbGallery
  photos={photos}
  show={lightIndex !== null}
  activePhotoIndex={lightIndex}
  onClose={() => setLightIndex(null)}
/>

return [...el].map((n) => new Select(n));

Здесь всегда возвращается массив экземпляров базового класса.
А надо текущего - замените Select на this.constructor.

foreach ($arr as $n) {
  $grouped[$n['city']][] = $n;
}

Всё настолько плохо, что исправлять нечего.

str.replace(/[a-z]+/gi, m => [...m].sort().join(''))

document.querySelector('.child-row').addEventListener('click', e => {
  if (e.target !== e.currentTarget) {
    [...e.currentTarget.children].forEach(n => n.classList.toggle('active', n === e.target));
  }
});

props.component || <a/>

props.component || 'a'

on: {
  breakpoint() {
    this.el.classList.toggle('класс', this.slides.length < this.params.slidesPerView);
  },
},

Забыли добавить ref={ref} элементу, который собираетесь скрывать.

Ну и вы бы ещё определились, как именно элемент должен отображаться/скрываться - через условный рендеринг, или стилизацию. Зачем использовать оба способа одновременно - я без понятия.

document.querySelector('.content').addEventListener('click', e => {
  const { block } = e.target.dataset;
  if (block) {
    console.log(document.querySelectorAll(`.wrap [data-block="${block}"]`).length);
  }
});