[TS] Property 'closest' does not exist on type 'EventTarget'.

잘 쓰던 closest를 쓰려고 했는데 안써졌다...

  const handleDockMenu = (e: React.MouseEvent) => {
    const target = e.target;
    const newDockState = [...dockState].map((state) =>
    // closest에 빨간줄
    target.closest(`#${state.id}`)
        ? { id: state.id, selected: true }
        : { id: state.id, selected: false }
    );
    setDockState(newDockState);
  };

 

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

---

이유

이벤트타겟에 없다고 하니 e.target에 Element로 타입을 정해주면 된다!

  const handleDockMenu = (e: React.MouseEvent) => {
    const target = e.target as Element;
    const newDockState = [...dockState].map((state) =>
    target.closest(`#${state.id}`)
        ? { id: state.id, selected: true }
        : { id: state.id, selected: false }
    );
    setDockState(newDockState);
  };

 

참고