What will be the output in console for the following code when button is clicked:
import { useState, Suspense } from "react";
export default function App() {
  const [count, setCount] = useState(0);
  const updateCount = () => {
    setCount(count + 1);
    setCount(count + 2);
  }
  console.log(count);
  return (
    <button onClick={updateCount}>{count} Count</button>
  );
}
Select one of the following:
On first render
count = 00 CountClick the button (1st time)
React sees two updates:
setCount(count + 1) → wants to set count = 1setCount(count + 2) → wants to set count = 2React batches updates → the last one wins (count = 2)
Console shows: 2
Button shows: 2 Count
Click the button (2nd time)
Now count = 2
Updates:
setCount(count + 1) → count = 3setCount(count + 2) → count = 4 (last one wins)Console shows: 4
Button shows: 4 Count
0 // initial render 2 // after first click 4 // after second click 6 // after third click ... and so on
import { useState, Suspense } from "react";
export default function App() {
  const [count, setCount] = useState(0);
  const updateCount = () => {
    setCount(count + 1);
    setCount(count + 2);
  }
  console.log(count);
  return (
    <button onClick={updateCount}>{count} Count</button>
  );
}0   // initial render
2   // after first click
4   // after second click
6   // after third click
... and so on