javascript/typescript

[react][typescript] 'RefObject<HTMLElement>' 형식은 'LegacyRef<HTMLDivElement> | undefined' 형식에 할당할 수 없습니다.

킹king 2024. 1. 10. 18:21
반응형

 

잘 또 하다가 갑자기 발생하는 오류... 잘쓰던 useRef를 다른 엘리먼트로 옮긴것뿐인데 왜그러지 싶었는데 타입스크립트는 엘리먼트가 그냥 div냐 main header같이 다른 시멘틱 엘리먼트냐를 또 가르나봄. 나 열받게하지마라!

 

1. useRef값 확인

const wrapper = useRef<HTMLElement>(null); // 기존. <main>에 걸어뒀음.
const wrapper = useRef<HTMLDivElement>(null); // 변경. <div>에 걸어둠.