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

 

 

 

 

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

오류를 직역하자면.. 'useRoutes'는 <Router>로 감싸야 한다는 뜻 

 

import { Route, Routes } from "react-router-dom";

import Issue from "./pages/Issue";

function App() {
  return (
    <Routes>
      <Route path="/" element={<Issue />} />
      <Route path="/example" element={<Example />} />
    </Routes>
  );
}

 

처음에 오류가 났던 코드이고

 

 

import { BrowserRouter as Router, Route, Routes } from "react-router-dom";

import Issue from "./pages/Issue";

function App() {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<Issue />} />
        <Route path="/example" element={<Example />} />
      </Routes>
    </Router>
  );
}

 

import에 'BrowserRouter as Router를 추가해준 후, Router로 Routes를 감싸주면 에러가 해결 됩니다!