[Next.js] useRef Hook 사용 시 발생한 에러 해결 (typescript)

Type 'MutableRefObject<undefined>' is not assignable to type 'LegacyRef<HTMLVideoElement> | undefined'.
  Type 'MutableRefObject<undefined>' is not assignable to type 'RefObject<HTMLVideoElement>'.
    Types of property 'current' are incompatible.
      Type 'undefined' is not assignable to type 'HTMLVideoElement | null'.

💡 에러 발생 원인
회사 소개 페이지를 개발하던 중, 위와 같은 에러를 만나게 되었다,,
해당 에러는 useRef 사용 시 발생한 에러로, null에 대한 처리를 해주지 않아서 발생한 것이다.

따라서 다음과 같이 null 값을 useRef 속에 적어주면 에러는 금방 해결된다!

• 기존 코드

const videoRef = useRef();

• 문제 해결 코드

const videoRef = useRef(null);

도움을 주신 글