/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 vote177 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
2 votes154 views2 answers
Past value from parent in reactjs
Javascript React
0 vote145 views1 answer
RenderIndicator example react responsive carousel
Javascript React
0 vote139 views1 answer
React native navigation remove top header screen
Javascript React
4 votes165 views2 answers
React usememo vs usecallback
Javascript React
0 vote146 views1 answer
How to give radius to imagebackground in react native
Javascript React
0 vote162 views1 answer
React 10 to 1 with step -2 (odd numbers between [1..10] inverted order)
Javascript React
0 vote148 views2 answers
React js form radio input using hooks
Javascript React
1 vote151 views2 answers
How to prevent render in react
Javascript React
10 votes98 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React