useHref() may be used only in the context of a <Router> component.

문제원인

 

리액트 라우터를 사용할 때 <Link> 컴포넌트를 <Router> 바깥쪽에서 사용하여 생긴 문제이다. 라우터 바깥에 있으니 Link가 가리키는 곳이 어딘지 몰라 에러가 나는 것이다.

 

반응형

해결방법

<Link>를 라우터 안쪽으로 옮겨주면 해결된다