[TS Error] 'EventTarget' 형식에 'className' 속성이 없습니다.

'EventTarget' 형식에 '~~' 속성이 없습니다.

Problem

const handleModalClose = (e: React.MouseEvent<HTMLDivElement>) => {
    if (e.target.localName === 'div' && e.target.className.includes('overlay')) {
      setModalIsOpen(false)
    }
  }

Error Message

'EventTarget' 형식에 'className' 속성이 없습니다.
'EventTarget' 형식에 'localName' 속성이 없습니다.

Solution

const handleModalClose = (e: React.MouseEvent<HTMLDivElement>) => {
    // solution
    const target = e.target as HTMLDivElement
    if (target.localName === 'div' && target.className.includes('overlay')) {
      setModalIsOpen(false)
    }
  }