Почему setState действует по разному?

Имеем вот такой код:

    export default function App() {
    let [state, setState] = useState(12)
    setState(12)
    const clickHandler = () => setState(12)
    console.log('render')
    return <>
        <button onClick={clickHandler}>sadfasdf</button>
        <h1>Привет</h1>
    </>

}

Подскажите, почему setState(12) напрямую вызывает постоянный перерендеринг, в то время как такой же setState в clickHandler не вызывает перерендеринг