인프런 커뮤니티 질문&답변

더이상 switch를 사용할 수 없다고 해서 routes, route로 바꿨더니

history.ts:480 Uncaught Error: [div] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>

위 오류가 나옵니다.

제 코드는 아래와 같습니다.

return (
    <Router>
     <div>
        <Link to="/">Home</Link>
        <Link to="/blogs">Blogs</Link>
     </div>
     <Routes>
      <Route path='/'><div>Home Page</div></Route>
      <Route path='/blogs' element={
        <div className='container'>
          <div className='mb-3'>
            <label className='form-label'>Title</label>
            <input className='form-control' value={title} onChange={(e) => setTitle(e.target.value)}/>
          </div>
          <div className='mb-3'>
            <label className='form-label'>Body</label>
            <textarea className='form-control' value={body} onChange={(e) => setBody(e.target.value)} rows='20'/>
          </div>
          <button className='btn btn-primary' onClick={onSubmit}>Post</button>
        </div>
      }>
      </Route>
     </Routes>
    </Router>
  )