Effect that updates its own dependency

NewQuizReactmedium~3 minuseEffect, dependencies, render loop

function Ticker() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    setCount(count + 1);
  }, [count]);

  return <p>{count}</p>;
}

How many times does Ticker render?

Once: effects run after paint, so the update is ignored

Twice: the effect runs once and React deduplicates further updates

Without end: every render changes count, which re-runs the effect, which changes count again

Exactly 25 times, then React throws