본문 바로가기

Error

Next.JS - Error: Invalid <Link> with <a> child. Please remove <a> or use <Link legacyBehavior>

 

Server Error

Error: Invalid <Link> with <a> child. Please remove <a> or use <Link legacyBehavior>. Learn more: https://nextjs.org/docs/messages/invalid-new-link-with-extra-anchor

 

Next.js로 작업을 하다보면 위와 같은 에러를 볼때가 있다.

Link 컴포넌트를 사용시 <a> 태그를 없애거나, <Link>태그에 legacyBehavior 프로퍼티를 써야 한다는 것.

프로젝트 내에서 Link가 사용된 컴포넌트 모두 변경 해주면 에러 해결!