[Next.js]Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

Next.js에서 Link를 사용하던 도중 다음과 같은 에러가 발생했다.
구글링한 결과 해결책을 찾을 수 있었다.

Link의 children으로 component를 써서 생긴 에러라고 한다.
Link 내에 있는 children들을 a태그로 감싸주니 에러가 해결됐다.

//에러 발생 코드
<Link href=''>
  <Image />
  <label>이미지</label>
</Link>

//에러 해결
<Link href=''>
  <a>
  	<Image />
  	<label>이미지</label>
  </a>
</Link>

더 나은 방법이 있다면 댓글로 알려주세요!

<출처>
https://github.com/vercel/next.js/issues/7915
도도다다 티스토리