/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 vote943 views1 answer
Reactjs TypeError: b is undefined
Javascript React
2 votes338 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
0 vote313 views6 answers
Replace all in react js
Javascript React
0 vote377 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React
1 vote387 views1 answer
Put two buttons in a row in react native
Javascript React
1 vote346 views1 answer
Implementating step component in react
Javascript React
0 vote386 views1 answer
React native no android sdk found
Javascript React
0 vote372 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React
0 vote385 views1 answer
My vscode does not recognize react code syntax
Javascript React
2 votes401 views1 answer
How to add bootstrap by downloading in react js
Javascript React