Type '~[] | undefined' must have a '[Symbol.iterator]()' method that returns an iterator 에러 해결

spread 연산자로 useState 배열에 값을 추가하려고 할 때 제목과 같은 에러가 발생했다.

해결

구글링해보니 초기값이 없어서였다.

useState에 '[]'를 추가해주거나 다음과 같이 OR 연산자(' || ' )를 사용하면 된다.

가독성이 별로 안 좋은 듯 해서 useState에 빈 배열을 초기값으로 주는 방법으로 리팩토링했다.

최종 코드