Invariant failed: You should not use outside a

by

I solved this problem by changing:

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

to

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

just add -dom.

More Related Contents:

  1. React : difference between and
  2. How to create a protected route?
  3. React-router-v6 access a url parameter
  4. React Router v4 renders multiple routes
  5. How to pass params into link using React router v6?
  6. react-router-dom v6 useNavigate passing value to another component
  7. Detect Route Change with react-router
  8. Simple Conditional Routing in Reactjs
  9. Cannot read property ‘history’ of undefined (useHistory hook of React Router 5)
  10. useNavigate() may be used only in the context of a component
  11. React Router Dom v6 shows active for index as well as other subroutes
  12. React – TypeError: Cannot read properties of undefined (reading ‘params’)
  13. Error: useHref() may be used only in the context of a component. It works when I directly put the url as localhost:3000/experiences
  14. react app showing empty page when redirecting on production build
  15. React App goes blank after importing React-Router-Dom
  16. React Router 4 Nested Routes not rendering
  17. Children won’t render when using a layout in ReactJS
  18. How to go back to previous route in react-router-dom v6
  19. React Router V6 – Error: useRoutes() may be used only in the context of a component
  20. How to push to History in React Router v4?
  21. How to pass params with history.push/Link/Redirect in react-router v4?
  22. How to get history on react-router v4?
  23. Detecting user leaving page with react-router
  24. React Router v4 – How to get current route?
  25. You should not use outside a
  26. react router v4 default page(not found page)
  27. How to use Private route in react-router-dom@v6
  28. Difference in the navigation (React Router v6)
  29. react router v6 No routes matched location
  30. Passing values through React-Router v4

Leave a Comment