Counter with event state handlers with default fix

counter-easy-fix.js

const Counter = () => {
  const [count, setCount] = React.useState(0);
  React.useEffect(() => {
    const handleScroll = () => {
      setCount(countState => countState + 1);
    };
    document.addEventListener(“scroll”, handleScroll);
    // Clean up
    return () => document.removeEventListener(“scroll”, handleScroll);
  }, []);
    // ...
}