./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.

[monaldmuck]

import "./App.css";
import Navbar from "./components/Navbar";
import Footer from "./components/Footer";
import Home from "./pages/Home";
import Menu from "./pages/Menu";
import About from "./pages/About";
import Contact from "./pages/Contact";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";

function App() {
return (

);
}

export default App;

[Rushil20]

Hello @monaldmuck,
In the react-router-dom v6 Switch has been replaced by Routes so try using that.

[Rajeevann]

import { BrowserRouter, Router } from "react-router-dom";
import { Route, Routes, Switch } from "react-router";
import "./App.css";
import Navbar from "./components/Navbar";
import Home from "./pages/Home";
import Footer from "./components/Footer";
import Menu from "../src/pages/Menu";
import About from "./pages/About";
import Contact from "./pages/Contact";

function App() {
return (

<Route path="/" element={} />
<Route path="/menu" element={} />
<Route path="/about" element={} />
<Route path="/contact" element={} />

);
}

export default App;

[harshita-ramchandani]

Hey there!
The changes in the code would be with the import statement in the App.js file, you can use this:
import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";

For more info you can see this article,
https://stackoverflow.com/questions/63124161/attempted-import-error-switch-is-not-exported-from-react-router-dom

Also, while using npm and material-icons, there seems to be issues due to which the installation commands of the dependency would show errors, although yarn has no such problems.

Cheers!