인프런 커뮤니티 질문&답변

const shallow = {...value};
// 참조 끊어내기
value.pages = [...value.pages]
value.pages[pageIndex] = [...value.pages[pageIndex]];

참조를 끊어내어 react query의 state를 update 해주는건 이해 했습니다. 하지만 강의에서는 value.pages = {...value.pages} 를 이용하는데, pages를 객체로 덮어씌워 원래 배열을 바꾸는 이유가 따로 있을까요?