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

export default function App() {
  const [counter, setCounter] = useState(0);
  const increase = () => setCounter(counter + 1);
  const timeoutRef = useRef(null);

  useEffect(() => {
    if (counter < 5) {
      timeoutRef.current = window.setTimeout(increase, 1500);
    }

    return () => window.clearTimeout(timeoutRef.current);
  }, [counter]);

  return <div className="App">{counter}</div>;
}