메모)타입스크립트 에러 - Type 'MutableRefObject<undefined>' is not assignable to type .....

Blackeichi·2022년 12월 22일
0
post-custom-banner

타입스크립트에서 useRef를 사용할 때 다음과 같이 코드를 짜면

const test = useRef();
....
retrun (
	<div ref={test}></div>
)

이러한 에러가 발생한다.

Type 'MutableRefObject' is not assignable to type 'LegacyRef | undefined'.

해결방법은 다음과 같이 초기선언을 해주면 된다.

 const test = useRef<HTMLDivElement>(null);

추가로 function에서 props로 사용하려면 타입 설정을 다음과 같이 하면된다!

const createLine = (background: React.RefObject<HTMLUListElement>) => {}
profile
프론트엔드 주니어 개발자 한정우입니다. 😁

0개의 댓글