분해구조 할당자에 이상한 값이 들어오네요

case types.SET_PHOTO_URL:

            return {

                ...state,

                currentUser: { ...state.currentUser, photoURL: action.payload }

            }

강의에 나온 코드로 처리를 하면

기존 currentUser스키마가 아닌

_delegate, multifactor가 들어가면서 이상하게 출력됩니다.

그래서 아래와 같이 JSON.parse, JSON.stringify를 통해 처리를 하면 원하는대로 동작을 하게 되는것을 확인했는데 정확한 이유를 모르겠네요

case types.SET_PHOTO_URL:

            return {

                ...state,

                currentUser: { ...JSON.parse(JSON.stringify(state.currentUser)), photoURL: action.payload }

            }

user_reducer에서

console.log(`before state currentUser: ${JSON.stringify(state.currentUser)}`);

console.log(`before state currentUser2: ${JSON.stringify({ ...state.currentUser }

요렇게 출력했을 때 두 값이 다르게 출력되었습니다.