Attempted import error: ‘Switch’ is not exported from ‘react-router-dom’

by

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:
upgrade to react-router-dom v6

More Related Contents:

  1. Uncaught TypeError: Cannot read property ‘state or props’ of undefined
  2. Can you force a React component to rerender without calling setState?
  3. Use state or refs in React.js form components?
  4. PropTypes in a TypeScript React Application
  5. React Router Pass Param to Component
  6. How to stop /#/ in browser with react-router?
  7. React Hook : Send data from child to parent component
  8. Material UI v4 makeStyles exported from a single file doesn’t retain the styles on refresh
  9. Change border color on Material-UI TextField
  10. React hooks useEffect only on update?
  11. NextJS environment variables aren’t working
  12. Updating React state when state is an array of objects
  13. My create-react-app is failing to compile due to ESLint error
  14. Add element to a state React
  15. How do you programmatically update query params in react-router?
  16. npm WARN deprecated [email protected]: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap
  17. Using React-Router with a layout page or multiple components per page
  18. React Native project, index.ios.js or index.android.js not generated
  19. Use history.push in action creator with react-router-v4?
  20. Getting error Cannot read property ‘setState’ of undefined
  21. Unable to create new react app with npx create-react-app
  22. Safe alternative to dangerouslySetInnerHTML
  23. How to declare a global variable in React?
  24. Module not found: Error: Package path . is not exported from package
  25. How to submit a form using Enter key in react.js?
  26. When exactly is `componentDidMount` fired?
  27. Loading Screen on Next.js page transition
  28. require is not defined
  29. import a module from node_modules with babel but failed
  30. How to add custom Material UI palette colors

Leave a Comment