[Error] ts(2532) : (property) MutableRefObject<undefined>.current: undefined 해결하기

에러 원인

Object is possibly 'undefined'.ts(2532) 라는 문구로 보듯이 useRef를 사용하면서 타입 지정을 해주지 않아서 오류가 발생했다. 

 

에러 해결방법

import React, { useRef } from "react";

const Test = () => {
    const router = useRouter()
    const ref = useRef<HTMLInputElement>();  // 타입 지정

    const screenHeight = ref.current.clientHeight;

    return (
        <div id="intro" ref={ref}>
    )
}

export defualt Test;