[React] TypeError: Cannot add property 0, object is not extensible. TypeError: can't delete non-configurable array element.

이번에 프로젝트를 진행하면서 Recoil을 이용해서 상태관리를 했는데 recoilState를 변경하려고 하는데 변경은 안되고 자꾸 온갖 에러만 바뀌어 가면서 발생했다.

 

TypeError: Cannot add property 0, object is not extensible. 

TypeError: can't delete non-configurable array element.

 

이거 말고도 2개 정도 더 떴던 것 같은데 자꾸 에러가 바뀌니까 원인을 알 수가 없었다.

---

이유

기존 state 자체를 변경하려고 해서 그랬다.

기존 state의 복사본을 변경했어야 했는데 기존 state를 변경하도록 코드를 작성해서 에러가 났던 거였다.

코드를 왜 그렇게 작성했는지 모르겠지만 불변성을 지켜줘야하는 걸 잊지 말자!😀

 

참고