Почему не работает onScroll [РЕШЕНО]

const Root = () => {
 
  const [ ok, setOk ] = useState ( false );

  const ScrollEl = ( props ) => (
    <ScrollWrapper display={ props.display }>
      <h1>Hello</h1>
    </ScrollWrapper>
  );


  const handleWheel = async () => {

    if ( pageYOffset >= 250 ) {
      await setOk ( true );
      return console.log ( ok );
    } else {
      await setOk ( false );
      return console.log ( ok );
    }
  };

  return (
    <Layout onScroll={ handleWheel }>
      <Header headerCategory={ headerCategory } headerArticles={ headerArticles } />
      <Suspense fallback='loading'>
      </Suspense>
      <React.Suspense fallback="Root content suspense">
        <MainContentWrapper >
          <ScrollEl display={ ok ? 'flex' : 'none' } />
          <Switch>
            <Route exact path="/">
              <Redirect to="/prams" />
            </Route>
            <Route path="/prams" component={ lazy ( 'Prams' ) } />
            <Route path="/map" component={ lazy ( 'Map' ) } />
          </Switch>
        </MainContentWrapper>
      </React.Suspense>
    </Layout>
  );
};

export default Root;