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

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

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

replace your code with 
import { Switch, Route } from "react-router-dom";
to
import { Routes ,Route } from 'react-router-dom';

Source: stackoverflow.com

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

npm install react-router-dom@5.2.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'

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

Source: stackoverflow.com

Similar codes

0 vote158 views1 answer
Doughnut chartjs with react display percentage
Javascript React
4 votes139 views1 answer
Import all images from folder reactjs
Javascript React
21 votes157 views4 answers
React font awesome npm
Javascript React
48 votes145 views4 answers
How to add comment in react js
Javascript React
0 vote147 views1 answer
React-native-cli remove
Javascript React
1 vote150 views1 answer
Column width table react
Javascript React
0 vote153 views1 answer
Aframe react
Javascript React
0 vote171 views3 answers
Flatlist react native keyextractor
Javascript React
56 votes169 views6 answers
Useref react
Javascript React
13 votes143 views3 answers
ImageBackground in React Native
Javascript React