/Javascript/React/Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'

Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'

//TEMPLATE TO USE 
import React from "react";
import { BrowserRouter as Router, Route, Routes } from "react-router-dom";

//------------------------------------------------IMPORTS VIEWS-----------------------------------------------
import Home from "./views/Home.js";
//------------------------------------------------CLASS APP-----------------------------------------------
class App extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <Router>
        <Routes>
          <Route exact path="/" element={<Home/>} />
        </Routes>
      </Router>
    );
  }
}

export default App;

Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'

import { Routes ,Route } from 'react-router-dom';
//react-router-dom v6 now uses Routes in place of Switch

Source: stackoverflow.com

Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'

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;

Source: stackoverflow.com

Similar codes

11 votes261 views2 answers
React router refreshes page
Javascript React
0 vote294 views1 answer
How to get year in react
Javascript React
0 vote232 views1 answer
Nested ternaries react
Javascript React
1 vote244 views1 answer
React router dom 6 go back
Javascript React
48 votes235 views1 answer
Emmet not working in react nextjs
Javascript React
31 votes224 views1 answer
Download react router dom
Javascript React
10 votes198 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
0 vote247 views3 answers
React date format
Javascript React
2 votes235 views1 answer
React router 404 redirect
Javascript React
0 vote295 views1 answer
How to accept only. proper email from an input field react with functional component
Javascript React