React useState 업데이트 후 렌더링 시 이전 값 출력 문제

버튼 클릭 시 state 값을 변경하고 바로 아래에서 console.log로 확인하려 합니다.

코드:

import React, { useState } from 'react';

export default function App() {
  const [count, setCount] = useState(0);

  const handleIncrement = () => {
    setCount(count + 1);
    console.log(count);
  };

  return (
    <button onClick={handleIncrement}>Increment</button>
  );
}

오류: 버튼 클릭 시 count가 1이 되어야 하지만 콘솔에는 0이 출력됨.

시도: setCount 함수를 여러 번 호출해 보았으나 동일하게 이전 값이 출력됨.

질문: setCount 호출 직후에 변경된 state 값을 즉시 참조할 수 없는 이유가 무엇입니까?