9.2 useReducer 체크박스 관련질문입니다.

문제상황: 수정을 위해 체크박스를 체크해도 아무 변화도 생기지 않는 상황

reducer 내용

const reducer = (state, action) => {
  switch(action.type){
    case 'CREATE':
      return [action.data,...state];
    case 'UPDATE':
      return state.map((item) => {
        console.log(action, item.id, item.isDone)
        return item.id === action.targetId ? {...item, isDone: !item.isDone} : item
      })
    case 'DELETE':
      return state.filter((item) => item.targetId !== action.targetId)
    default: state
  }
}

const onUpdate = (targetId) => {
    dispatch({
      type:"UPDATE",
      targetId
    })
  }

예상 문제: console.log(action.targetId, item.id, item.isDone)을 해본결과

action.targetId가 내가 원하는 id값만 가져오는것이 아닌 저렇게 객체 전체를 가져오기 때문에 action.targetId와 item.id가 일치하지 않아 체크가 되지않는 현상인것 같습니다.

어디를 보면 좋을지 및 무엇을 수정해야하는지 알려주시면 감사하겠습니다.