setState during render

NewQuizReactmedium~3 minuseState, render loop

function Counter() {
  const [count, setCount] = useState(0);
  setCount(count + 1);
  return <p>{count}</p>;
}

What happens when <Counter /> mounts?

It renders once and shows 1

It renders twice (0, then 1) and stops because the state settles

React aborts with "Too many re-renders" after a limited number of retries; nothing is committed

It re-renders forever and freezes the browser tab