npmreactjs95% confidence\u2191 775

Attempted import error: 'Switch' is not exported from 'react-router-dom'

Full error message

I don't know why I am getting this error and I can't find an answer for it anywhere. I have uninstalled the react-router-dom package and reinstalled it, but it continues to tell me that the switch module is not exported from react-router-dom. Here's my code.

The error I'm getting:

Attempted import error: 'Switch' is not exported from 'react-router-dom'.

Code
import React from 'react';
import './App.css';
import NavBar from './components/navbar.js';
import Footer from './components/footer.js';
import Home from './components/pages/homepage/home.js';
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';

function App() {
  return (
    <Router>
      <div className="app-container">
        <NavBar />
        <Switch>
          <Route path="/home" component={Home} />
        </Switch>
        <Footer />
      </div>
    </Router>
  );
}

export default App;

Solutionsource: stackoverflow \u2197

In react-router-dom v6, "Switch" is replaced by routes "Routes". You need to update the import from import { Switch, Route } from "react-router-dom"; to import { Routes ,Route } from 'react-router-dom'; You also need to update the Route declaration from <Route path="/" component={Home} /> to <Route path='/' element={<Home/>} /> In react-router-dom, you also do not need to use the exact in the Route declaration. For more information, you can visit the official documentation: upgrade to react-router-dom v6

API access

Get this solution programmatically \u2014 free, no authentication.

curl https://depscope.dev/api/error/2e291e44441553e40b678947fc431561a19af7e843d25aaeef345bf1908f8106

hash \u00b7 2e291e44441553e40b678947fc431561a19af7e843d25aaeef345bf1908f8106

Attempted import error: &#39;Switch&#39; is not exported from &#39;react-router-dom&#39;

Attempted import error: 'Switch' is not exported from 'react-router-dom'