I Phoenix I

querySelectorAll все равно возвращает массив, его не нужно дополнительно оборачивать еще одним массивом.
Без Array.from все прекрасно перечисляется

Используйте метод useNavigate

Пример:

import { useNavigate } from "react-router-dom";

function SignupForm() {
  let navigate = useNavigate();

  async function handleSubmit(event) {
    event.preventDefault();
    await submitForm(event.target);
    navigate("../success", { replace: true });
  }

  return <form onSubmit={handleSubmit}>{/* ... */}</form>;
}

Внедрить скрипт на сайт при помощи Tampermonkey / Violentmonkey

Возможно Вам помогут String.Split и parseInt ?

Пример кода (загляните в JavaScript)

Надеюсь я помог Вам решить проблему.
Если это так, то попрошу отметить ответ, как решение :>

Попробуйте использовать position: sticky и top: 0px к nav или header.
Подробнее о position: sticky
Пример navbar'a с использованием position: sticky ...