따봉을 map 사용해서 개별적용부분 질문입니다.

글제목.map(function(a,i){
          return <div className="list" key={i}>
          <h4>{ 글제목[i] } <span onClick={()=> {
            let copy따봉 = [...따봉]
            copy따봉[i] += 1;
            따봉변경(copy따봉)  
          }}>👍</span> {따봉[i]}
          </h4>
          <p>12월 14일 발행</p>
        </div>

이렇게 하는 이유는 let [따봉, 따봉변경] = useState([0,0,0]) 으로 했기 때문에 State 안의 내용물이 array라서 그냥 할당하면
변경이 안 되고 복사본을 만든뒤 상태 변경을 해야한다. 라는 것까지는 이해했습니다.
하지만 따봉변경(copy따봉) 이 부분을 처음에는 copy따봉[i]로 줬었는데 그 때는 버튼을 누르면 세 개의 숫자가 다 사라지고 두 번째 클릭 때 에러가 발생합니다.

에러 내용은 따봉 is not iterable TypeError: 따봉 is not iterable으로 반복할 수 없다고 나오는데 이 부분이 이해가 잘 안 갑니다ㅜ