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

Comment

47

In react-router-dom v6, "Switch" is replaced by routes "Routes". You need to update the import from

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

You also need to update the Route declaration from

<Route path="/" component={Home} />
to
<Route path='/welcome' element={<Home/>} />
  
In react-router-dom, you also do not need to use the exact in the Route declaration.

For more information, you can visit the official documentation:
https://reactrouter.com/docs/en/v6/upgrading/v5

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: stackoverflow.com

Tags: export javascript was

Share

Link to this answer
Share Copy Link

Contributed on May 08 2022

Ahmed ElNawawy

0 Answers Avg Quality 2/10

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

Comment

13

//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;

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: export ex

Share

Link to this answer
Share Copy Link

Contributed on Dec 25 2021

Zarden

0 Answers Avg Quality 2/10

export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' (possible exports: Aborted Deferred Error, Await, BrowserRouter, Form,

Comment

0

Use rect-router-version @5.2.0 TO access or use Switch
npm install react-router-dom@5.2.0

#N.B: Updated version dosen't support "Switch".

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: deferred deferre

Share

Link to this answer
Share Copy Link

Contributed on Dec 26 2022

Majhi Bhai

0 Answers Avg Quality 2/10

export 'switch' (imported as 'switch') was not found in 'react-router-dom' (possible exports

Comment

0

import { Switch, Route } from "react-router-dom";

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: export ex

Share

Link to this answer
Share Copy Link

Contributed on Sep 22 2022

Tahir Mehmood

0 Answers Avg Quality 2/10

export 'switch' (imported as 'switch') was not found in 'react-router-dom' (possible exports

Comment

0

import { Switch, Route } from "react-router-dom";

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: stackoverflow.com

Tags: export ex

Share

Link to this answer
Share Copy Link

Contributed on Sep 22 2022

Tahir Mehmood

0 Answers Avg Quality 2/10

export 'switch' (imported as 'switch') was not found in 'react-router-dom' (possible exports

Comment

0

<Route path="/" component={Home} />

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: export ex

Share

Link to this answer
Share Copy Link

Contributed on Sep 22 2022

Tahir Mehmood

0 Answers Avg Quality 2/10

export 'switch' (imported as 'switch') was not found in 'react-router-dom' (possible exports

Comment

2

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

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: export ex

Share

Link to this answer
Share Copy Link

Contributed on Sep 22 2022

Tahir Mehmood

0 Answers Avg Quality 2/10

export 'switch' (imported as 'switch') was not found in 'react-router-dom' (possible exports

Comment

0

<Route path="/" component={Home} />

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: export ex

Share

Link to this answer
Share Copy Link

Contributed on Sep 22 2022

Tahir Mehmood

0 Answers Avg Quality 2/10

export 'switch' (imported as 'switch') was not found in 'react-router-dom' (possible exports

Comment

0

<Route path="/" component={Home} />

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: export ex

Share

Link to this answer
Share Copy Link

Contributed on Sep 22 2022

Tahir Mehmood

0 Answers Avg Quality 2/10

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

Contents

More Related Answers

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

Closely Related Answers

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

export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' (possible exports: Aborted Deferred Error, Await, BrowserRouter, Form,

export 'switch' (imported as 'switch') was not found in 'react-router-dom' (possible exports

export 'switch' (imported as 'switch') was not found in 'react-router-dom' (possible exports

export 'switch' (imported as 'switch') was not found in 'react-router-dom' (possible exports

export 'switch' (imported as 'switch') was not found in 'react-router-dom' (possible exports

export 'switch' (imported as 'switch') was not found in 'react-router-dom' (possible exports

export 'switch' (imported as 'switch') was not found in 'react-router-dom' (possible exports

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.