Как сделать фиксированую шапку при скроллинге в React?

Question

[Alexander]

Здравствуйте, подскажите пожалуйста, как сделать анимированное появлениее фиксированой шапки в react при скроллинге, буду благодарен за помощь
Правильно ли будет использовать этот подход?

React.useEffect(() => {
    window.addEventListener('scroll', function () {
      if (window.pageYOffset > 0) {
        console.log('open')
      } else {
        console.log('hide')
      }
    })
  }, [])