Switch -> Routes 로 변경

에러코드 

1. Error: [App] is not a <Route> component.

2. export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'.

 

해결방법 

react-router-dom v6로 업데이트 되면서 Switch를 쓸 수 없게 됨

• Switch -> Routes 로 바꿔서 쓰기
• element 로 컴포넌트 추가

 // 업데이트 전
function App({ authService }) {
  return (  
   <div className={styles.app}>
      <BrowserRouter>
        <Switch>
          <Route exact path="/">
            <Login authService={authService} />
          </Route>
          <Route path="/maker">
            <Maker />
          </Route>
        </Switch>
      </BrowserRouter>
    </div>
   );
}

// 업데이트 후
function App({ authService }) {
  return (
    <div className={styles.app}>
      <BrowserRouter>
        <Routes>
          <Route
            exact
            path="/"
            element={<Login authService={authService} />}
          ></Route>
          <Route path="/maker" element={<Maker />}></Route>
        </Routes>
      </BrowserRouter>
    </div>
  );
}