nextjs [slug] 페이지에서 Link href 경로가 잘못 나올 때

Nextjs에서 [slug].tsx페이지에서 href 경로가 잘못 나오는 문제가 있었다.

 

이 경로를 통해서 들어와지는 newsview라는 페이지가 있다.

<Link
        href={{
          pathname: `/newsview/${newsId}`,
          query: { newsId: JSON.stringify(newsId) },
        }}
        passHref
        as={`/newsview/${newsId}`}
      >

파일 구조는 이러하다.

 

 

근데 [slug]페이지 (newsview페이지)에서 href 경로가 이상하다.

나는 /newsview/페이지를 넣지 않았는데 왠...????

내가 붙이지 않은 /newsview/ 경로가 앞에 붙어나온다....

 

결론적으로는  `/${ 내용 }` 으로 넣어야

경로가 바르게 나온다.

`/${item.link}`