React: ‘Redirect’ is not exported from ‘react-router-dom’

by

For react-router-dom v6, simply replace Redirect with Navigate

import { Navigate } from 'react-router-dom';
.
.
.
{ component: () => <Navigate to="/404" /> }

More Related Contents:

  1. react router v6 navigate outside of components
  2. Problem in redirecting programmatically to a route in react router v6
  3. React doesn’t reload component data on route param change or query change
  4. Uncaught TypeError: Cannot read property ‘push’ of undefined (React-Router-Dom)
  5. Multiple Nested Routes in react-router-dom v4
  6. ReactJS: [Home] is not a component. All component children of must be a or
  7. How to create a protected route with react-router-dom?
  8. How can I redirect in React Router v6?
  9. How to render an array of objects in React?
  10. Nested routes with react router v4 / v5
  11. Pass props in Link react-router
  12. How do I render components with different layouts/elements using react-router-dom v6
  13. React Router with optional path parameter
  14. Use anchors with react-router
  15. React react-router-dom pass props to component
  16. Active link with React-Router?
  17. ReactJS – Pass props with Redirect component
  18. Using anchor tags in react-router 4
  19. How to hide navbar in login page in react router
  20. How do you pass data when using the navigate function in react router v6
  21. How do I reload a page with react-router?
  22. How is this type annotation working in React code without TypeScript?
  23. React-router: How to manually invoke Link?
  24. React-router – How to pass data between pages in React?
  25. React-router v4 – cannot GET *url*
  26. Why I receive blank page? React
  27. using history with react-router-dom v6
  28. Detect change in query param react-router-dom v4.x and re-render component
  29. How to restrict access to routes in react-router?
  30. React – How to open PDF file as a href target blank

Leave a Comment