Как отследить при скроллинге на сколько пикселей было спущено окно в React?

У меня есть прозрачное меню с position:fixed и, и при начале сколлинга мне надо чтобы фон задался белым цветом. Проблема в том что я не могу при сколлинге отследить тот самый отступ окна. У меня даже Undefined нету

  React.useEffect(() => {
    window.addEventListener('scroll', (event) => {
      console.log(window.pageYOffset)
    })
  }, []);