.querySelector('[_ngcontent-ydx-c55]')

Потому что внутри 12345678910111213 есть число от 1 до 12.

/^\d{1,12}$/

Чтобы фигурные скобки воспринимались как возврат объекта, а не как тело функции.

Нужно сохранять в состоянии элемент при наведении на него через (onMouseEnter).

А в className проверять, совпадает ли этот элемент и тот, что в состоянии. И если совпадает, добавлять ему нужный класс, иначе null.

const [currentActive, setActive] = useState()
Внутри скобок useState указываем элемент, если нужно задать его по умолчанию активным или оставляем их пустыми.

className={currentActive === el ? "active" : null}
В элементе прописываем выбор класса в зависимости от состояния.

onMouseEnter={() => setActive(el)}
Меняем состояние при наведении.