[React] A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.

이렇게 <Route>만 썼더니 오류남

const Games = () => {
  return (
      <BrowserRouter>
      <div>
        <Link to="/number-baseball">숫자야구</Link>
        &nbsp;
        <Link to="/rock-scissors-paper">가위바위보</Link>
        &nbsp;
        <Link to="/lotto-generator">로또추첨기</Link>
      </div>
        <Route path="/number-baseball" element={<NumberBaseball />} />
        <Route path="/rock-scissors-paper" element={<RSP />} />
        <Route path="/lotto-generator" element={<Lotto />} />
      </BrowserRouter>
  )
}

A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.

<Route> 는 <Routes>의 자식 요소로만 사용 될 수 있고, 절대 직접적으로 렌더될 수 없다. <Route>를 <Routes>로 감싸라.

---

  return (
      <BrowserRouter>
      <div>
        <Link to="/number-baseball">숫자야구</Link>
        &nbsp;
        <Link to="/rock-scissors-paper">가위바위보</Link>
        &nbsp;
        <Link to="/lotto-generator">로또추첨기</Link>
      </div>
        <Routes>
          <Route path="/number-baseball" element={<NumberBaseball />} />
          <Route path="/rock-scissors-paper" element={<RSP />} />
          <Route path="/lotto-generator" element={<Lotto />} />
        </Routes>
      </BrowserRouter>
  )
}

<Route>를 <Routes>로 감싸니 해결!

---

이것도 react-router-dom 버전과 연관이 있는 것 같음

6에서만 해당되는 듯