I am getting this error i dont know why "'Switch' (imported as 'Switch') was not found in 'react-router-dom'"

Question

Even though I used Routes instead of switch still its showing the same error ,I installed react dom using the command npm install -S react-router-dom. The code is below

import './App.css';
import Header from './Header';
import Home from './Home';
import {BrowserRouter as Router,Switch,Route} from 'react-router-dom';


function App() {
return (
>     <Router>
>     <div className='app'>
>       <Switch>
>         <Route path='/'>
>           <Header/>
>           <Home/>
>         </Route>
>       </Switch>


>     </div>
>     </Router>




export default App;

The Error that is showing is 'Switch' (imported as 'Switch') was not found in 'react-router-dom' And 'Route' (imported as 'Route') was not found in 'react-router-dom'

Which version of `react-router` and `react-router-dom` are you using? — Gabriele Petrioli, Nov 27 '22 at 13:49
Also shouldn't `Switch` be imported from `react-router` instead of `react-router-dom` — Xiduzo, Nov 27 '22 at 14:07

score 0 · Answer 1 · answered Nov 27 '22 at 17:02

0

I assume that you are using react router v5 as switch is is not in v6. In that case the import for switch is following:

import { Switch } from "react-router";

You are importing it from react-router-dom while it should be from react-router

answered Nov 27 '22 at 17:02

MalwareMoon

788
1
2
13

I am getting this error i dont know why "'Switch' (imported as 'Switch') was not found in 'react-router-dom'"

1 Answers1