안녕하세요 선생님
vite로 설치해서 작업중인데
app.jsx에
import { BrowserRouter as Routes, Route, Router, Link, useNavigate } from 'react-router-dom';
function app 안에
let navigate = useNavigate();
하고
<Nav.Link onClick={() => navigate('/detail')}>Cart</Nav.Link>
이렇게 쓰면 안됩니다. useNavigate()이렇게 쓰면 되는데 말이죠
useNavigate() may be used only in the context of a <Router> component.
체크해본 거
1. index.jsx 에 BroserRouter태그를 App안에 넣어줌
2. app.jsx 안에 <Router> 태그를 가장 최상단에 두었습니다.
도대체 변수에 넣은게 뭐가 문제라고 저렇게 뜨는지 이해가 잘 안됩니다.
