'Switch' is not exported from 'react-router-dom'

[rfpe]

Caso receba este erro, o problema acontece por causa da versão da dependência react-router-dom.

Verifique no arquivo package.json, em dependencies:

  "dependencies": {
    ... 
    "@types/react-router-dom": "^5.3.3",
    ...
    "react-router-dom": "^6.3.0",
  },

O curso utiliza a versão react-router-dom": "^5.2.0" e é recomendado utilizar a mesma versão do curso. Para fazer isto, pare seu projeto e execute o comando:

npm install [email protected] --save

Caso queira continuar com a versão 6.x.x, o Switch foi removido. O código no return em App.tsx será algo como:

    <TodoContext>
        <Router>
            <Navbar></Navbar>
            <div className='uk-container'>
                <Routes>
                    <Route path="/create" element={<AddTodo />} />
                    <Route path="/" element={<TodoList />} />
                </Routes>
            </div>
        </Router>
    </TodoContext>