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

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

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

react-router-dom v6 example: //NO SWITCH IN V6

import React from 'react'
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'

import '../styles/global.css'

import Layout from '../containers/Layout'
import Home from '../pages/Home'
import Login from '../containers/Login'
import RecoveryPassword from '../containers/RecoveryPassword'
import NotFound from '../pages/NotFound'

const App = () => {
  return (
    <Router>
      <Layout>
        <Routes>
          <Route exact path="/" element={<Home/>}/>
          <Route exact path="/login" element={<Login/>}/>
          <Route exact path="/recovery-password" element={<RecoveryPassword/>}/>
          <Route path="*" element={<NotFound/>}/>
        </Routes>
      </Layout>
    </Router>
  );
}

export default App;

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

yarn add react-router-dom@5,3,0

Source: stackoverflow.com

Attempted import error 'switch' is not exported from 'react-router-dom'. in react js

import { BrowserRouter as Router, Routes , Route } from 'react-router-dom';
 	<Router>
            <div>

                <Navbar totalItems = {cart.total_items}/>
                <Routes>

                    <Route path='/' element={<Products products = {products} onAddToCart = {handleAddToCart}/>} />
                    <Route path='/cart' element={<Cart cart={cart} />} />
                            
                </Routes>
                
               
            </div>
        </Router>

Source: stackoverflow.com

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

import { Routes ,Route } from 'react-router-dom';

Source: stackoverflow.com

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

<Route path='/welcome' element={<Home/>} />

Source: stackoverflow.com

Similar codes

0 vote141 views1 answer
React-native-apple-authentication
Javascript React
4 votes151 views4 answers
React background gradient
Javascript React
32 votes328 views2 answers
How to routing in react js
Javascript React
0 vote164 views1 answer
Blank array condition in react js
Javascript React
0 vote158 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React
18 votes151 views6 answers
React native create apk
Javascript React
142 votes365 views5 answers
Install react
Javascript React
3 votes160 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
6 votes138 views1 answer
React native data map is not a function
Javascript React
0 vote161 views1 answer
Mat slider in a reactve form
Javascript React