/Javascript/React/'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;

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

//CHANGE:
import { Switch, Route } from "react-router-dom";
//to
import { Routes ,Route } from 'react-router-dom';
//CHANGE:
<Route path="/" component={Home} />
//to
<Route path='/welcome' element={<Home/>} />

Similar codes

0 vote380 views1 answer
How to display a calender in react native
Javascript React
6 votes370 views6 answers
Shadow react native generator
Javascript React
32 votes369 views1 answer
React touter dom
Javascript React
1 vote345 views2 answers
React js class component
Javascript React
5 votes351 views4 answers
Google map in react js
Javascript React
0 vote386 views1 answer
Reactjs events list
Javascript React
1 vote374 views4 answers
React native push notifications npm
Javascript React
18 votes436 views3 answers
How To Hide React Navigation Header in React Native
Javascript React
24 votes550 views3 answers
Reactjs sass setup
Javascript React
0 vote417 views2 answers
React native bordered image drop with shadow fix
Javascript React