state not updating on scrolling in React component?

Question

I have a react component, HomeScreen.js:

import React, { useEffect,useState } from "react";

const HomeScreen = () => {
  const [scrolledY, setScroll