react event 처리시 에러

This synthetic event is reused for performance reasons. If you're seeing this, you're accessing the property `target` on a released/nullified synthetic event. This is set to null. If you must keep the original synthetic event around, use event.persist(). 

this.setState((state) => ({
  checkedSong: {
    ...state.checkedSong,
    [name]: ev.target.checked // 요놈이 문제
  }
}))

위와 같이 event 속성을 직접적으로 비동기 함수에 적용할 때 발생하는 에러다.

해결법은 비동기 함수전에 변수에 할당해준 뒤에 변수로 사용해준다.

const checked = ev.target.checked // 비동기 밖에서 변수에 할당 후 사용
this.setState((state) => ({
  checkedSong: {
    ...state.checkedSong,
    [name]: checked 
  }
}))

참고