Как добавить стилей елементу при помощи React.createRef()?(Функциональный компонент)

Подскажите как можно добавить стили для headerRef, которий я получаю за счет React.createRef()?

export const Header = ({ headerRef }) => {
  const [isHeaderFixed, setIsHeaderFixed] = React.useState(false);
  headerRef = React.createRef();
  const value = 200;
  console.log(headerRef);
  
  const scrollHeight = () => {
    /* стили для header */
    window.scrollY >= value ? setIsHeaderFixed(true) : setIsHeaderFixed(false);
  }
  
  window.addEventListener("scroll", scrollHeight);

  return (
    <header ref={headerRef} className={`${ styles.header } ${isHeaderFixed ? styles.fixed : ''}`}></header>
  )
}