🚨 오류발생

타입스크립트로 react-router 공부중에 실시간으로 빨간줄이 나타났다.

'Router' cannot be used as a JSX component.
  Its return type 'void' is not a valid JSX element.

처음에는 react-router의 버전 문제인줄 알고, node_modules를 지우고 다시 설치하는 삽질을 했지만 그 문제가 아니었다.

---

✔ 원인

function Router() {
  return;
    <BrowserRouter>
      <Switch>
        <Route path="/:coinId">
          <Coin />
        </Route>
        <Route path="/">
          <Coins />
        </Route>
      </Switch>
    </BrowserRouter>
  ;
}

Q) 이상한 점을 찾아보시오(10점).






정답은.......

---

✔ 해결방법

return에서 경로들을 ( )로 제대로 묶지 않아서 발생한 어이없는 실수.

function Router() {
  return (
    <BrowserRouter>
      <Switch>
        <Route path="/:coinId">
          <Coin />
        </Route>
        <Route path="/">
          <Coins />
        </Route>
      </Switch>
    </BrowserRouter>
  );
}

return값을 잘 확인하자...ㅎ