Estoy tratando de cambiar el estado de un subcomponente usando el controlador de eventos onScroll, pero cuando lo ejecuto, el estado permanece igual incluso con la condición colocada debido a que window.pageYOffset permanece en 0, por lo tanto, siempre lo hace falso.

 Header.Frame = function HeaderFrame({ children }) { console.log(window.pageYOffset) const [scrolling,setScrolling]=useState(false); return <Container onScroll={() => setScrolling(window.pageYOffset ===0 ? false:true)}> {children}</Container>; }