useScroll не меняются координаты

При скролле не меняются координаты.

Есть компонент: Это фиксированная шапка (position: fixed). Я возможно подумал, что из-за position такие проблемы, но даже дефолтный пример не работает. Вывожу в консоль y и по прежнему 0. Так же пробовал. Задавать для, header, section и даже для title. Эффект тот же.

 import Menu from "./Menu";
 import { useRef } from "react";
 import { useScroll } from 'react-use';

export default function HeaderTop() {
  const scrollRef = useRef(null);
  const { x, y } = useScroll(scrollRef);


  return (
    <div className={y === 0 ? 'menu-wrapper' : 'menu-wrapper menu-sticky'}>
      <svg ref={scrollRef} className="logo">
        <use href="/images/sprite.svg#logo"></use>
      </svg>
      <Menu />
      <div className="social">
        <svg className="social-icon">
          <use href="/images/sprite.svg#vk"></use>
        </svg>
        <svg className="social-icon">
          <use href="/images/sprite.svg#instagram"></use>
        </svg>
        <svg className="social-icon">
          <use href="/images/sprite.svg#github"></use>
        </svg>
        <svg className="social-icon">
          <use href="/images/sprite.svg#telegram"></use>
        </svg>
        <svg className="social-icon">
          <use href="/images/sprite.svg#in"></use>
        </svg>
      </div>
      <a href="#" className="download-cv" download>Скачать CV</a>
    </div>

  );

}