Почему в этом примере приложение отображается 3 раза? ⇐ Javascript

[Anonymous]

Код: Выделить всё

function App() {

let [number, setNumber] = useState(0)

function handleClick() {
console.log('click registered')
setNumber(1)
}

console.log('App rendering')

return (

{number}


Click Me!


)
}

Я уже удалил StrictMode, потому что знаю, что он увеличивает количество рендерингов.
После того, как пользователь нажимает кнопку во второй раз, он показывает «рендеринг приложения» в третий раз.
Насколько я понимаю, в первый раз должен быть начальный рендеринг компонента, а во второй раз - когда число меняется с 0 на 1.
Я думал, что если число было равно 1, то установка его снова на 1 при втором нажатии не приведет к повторному рендерингу приложения в третий раз.
Разве не должно быть только два рендеринга, независимо от того, сколько раз пользователь нажимает кнопку?
Я в замешательстве.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... is-example