React에서 useState로 숫자를 올리는데 화면에 반영이 안 돼요

토이 프로젝트로 간단한 카운터 기능을 만들고 있습니다. 버튼을 누르면 숫자가 1씩 올라가게 하려고 합니다.

코드:

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  const handleAdd = () => {
    count = count + 1;
  };

  return (
    <div>
      <p>{count}</p>
      <button onClick={handleAdd}>증가</button>
    </div>
  );
}

export default Counter;

오류: 버튼을 아무리 클릭해도 화면의 숫자가 0에서 변하지 않습니다. 콘솔에는 Assignment to constant variable 에러가 뜹니다.

시도: count 변수 앞에 let을 써봤는데 에러는 사라졌지만 여전히 화면 숫자는 그대로입니다.

질문: setCount 함수를 사용해야 한다고 들었는데 어떻게 써야 화면이 바뀌는지 모르겠어요.