[TypeScript] Property 'name' does not exist on type 'EventTarget'.

 

👀타입스크립트 + 리액트로 프로젝트를 진행하던 도중 만난 에러

Property 'name' does not exist on type 'EventTarget'. 

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

 

event 타입으로 MouseEvent가 지정된 경우

브라우저마다 MouseEvent가 가지고 있는 속성이 달라서 TS에서 공통적으로 만들어놓기 어렵기 때문에 MouseEvent의 경우에는 속성을 지정하면 타입 에러가 난다.

 

해결방법

1. instanceof 를 사용하여 event.target이 태그(Element)의 자식이라고 명시해주기

if (event.target instanceof Element)
if (event.target instanceof HTMLDivElement)

그러나 내 코드는 해당 방식에도 에러가 발생

 

1. 타입 단언 사용 as ~...

e.target as HTMLButtonElement

보통 타입 단언을 지양하지만, target이 되는 DOM이 문서에서 명확하게 정해져 있다면 이 경우는 타입 단언하는 방식을 사용해도 괜찮을 것 같다고 한다. 나는 해당방식으로 에러를 해결함!