AI solution for React Quiz on BFE.dev
19. lazy initial state

The code outputs the following by console.log:

2
1

The reason is:

• The useState(1) sets state1 to 1 and logs it to the console.
• The function passed to useState(() => { ... }) will be executed only once at the initialization of the component. Therefore, it logs 2 to the console only once and then sets state2 to 2 for the rest of the time.
• The useEffect hook changes state1 to 3 but only after the initial rendering of the component, so the second console log still displays 1.