[NextJS] 콘솔 Prop href did not match 오류

1.  문제 발생

간혹 next/link 를 이용하여 Array Mapping 을 하다 보면, 간혹 콘솔에 이런 오류가 발생한다.

 

Warning: Prop `href` did not match. Server: "" Client: "/"

 

 

1.1  문제의 코드

category_items 를 Mapping 한 사진

category_items Array Object

2.  해결 방법

해당 문제는 href 에 아무 값도 들어가지 않아 발생하는 오류이다. href Prop 에 빈 값이 아닌 아무 값을 써 넣어주게 되면 해당 오류가 발생하지 않는다.