setState 함수의 동작에 대해 질문있습니다(3)

아래 코드를 실행하고 찍힌 로그를 확인하면 다음과 같습니다.

const Counter = () => {
  const [count, setCount] = useState(0);
  return (
      <>
        <StyledText>count : {count}</StyledText>
        <Button title='+' onPress={() => {

          console.log('set 카운트1 전 count : ' + count);
          setCount(count =>   {
            console.log('count1 : ' + count);
            return count + 1
          });
          console.log('set 카운트1 후 count : ' + count);
          setCount(count =>   {
            console.log('count2 : ' + count);
            return count + 1
          });
          console.log('set 카운트2 후 count : ' + count);



        }}/>
      </>
  )

}

set 카운트1 전 count : 0 count1 : 0 set 카운트1 후 count : 0 set 카운트2 후 count : 0 count2 : 1 set 카운트1 전 count : 2 set 카운트1 후 count : 2 set 카운트2 후 count : 2 count1 : 2 count2 : 3 set 카운트1 전 count : 4 set 카운트1 후 count : 4 set 카운트2 후 count : 4 count1 : 4 count2 : 5

질문 :

count1 : 0 로그가 찍힌걸로 보아 첫번째 setCount가

실행이 되었으므로 count가 1로 바뀌어야하고

그 이후에 실행된 set 카운트1 후 로그는 count가 1이 되어야 맞을 것 같은데 그렇게 찍히지가 않았습니다.

그 이유가 궁금합니다.