a better way of running conditional useEffect hooks

example.jsx

// return first, instead of wrapping the task itself in an if condition.
// this is better because it prevents the clearTimeout being run
function App() {
  const [varA, setVarA] = useState(0);

  useEffect(() => {
    if (varA >= 5) return;

    const timeout = setTimeout(() => setVarA(varA + 1), 1000);

    return () => clearTimeout(timeout);
  }, [varA]);

  return <span>Var A: {varA}</span>;
}