[리액트 에러 React Error] Type 'boolean' must have a '[Symbol.iterator]()' method that returns an iterator. 리액트 에러 해결방법

 

안녕하세요.
디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다.

 

이번 포스팅에서는

리액트 타입스크립트로 개발을 할 때 만날 수 있는 에러

Type 'boolean' must have a '[Symbol.iterator]()' method that returns an iterator.

의 해결방법을 공유하겠습니다.

 

해당 에러를 번역하면

'boolean' 유형에는 반복자를 반환하는 '[Symbol.iterator]()' 메서드가 있어야 합니다.'라는 뜻인데요.

갑자기 이게 무슨 소리인가 싶죠?

 

당황하지 마시고..

저는 이런 식으로 코드를 작성했었을 때 해당 에러를 만났는데요.

 

해결 방법은 간단합니다.

리액트에서 객체를 useState에 담을 때는 useState({})를 써야하는데,

실수로 중괄호를 뺀 useState()를 쓰면 이 에러가 발생합니다.

 

useState()안에 중괄호{}를 넣어 에러를 해결하세요 :)