react app showing empty page when redirecting on production build

by

Downgrade your “history” version or simply remove it because the correct version will be automatically added by “react-router-dom”.

There is already an open issue about the same:
https://github.com/ReactTraining/history/issues/804

Which says React Router (mainly history.push and Redirect) is not working properly with latest (v5) version of history. But it is working perfectly with v4 of history.

For example, this should work:

    "history": "^4.10.1",
    "react-router-dom": "^5.2.0",

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. Invariant failed: You should not use outside a
  11. useNavigate() may be used only in the context of a component
  12. React Router Dom v6 shows active for index as well as other subroutes
  13. React – TypeError: Cannot read properties of undefined (reading ‘params’)
  14. Error: useHref() may be used only in the context of a component. It works when I directly put the url as localhost:3000/experiences
  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. react router v6 navigate outside of components
  21. Problem in redirecting programmatically to a route in react router v6
  22. react router difference between component and render
  23. React app exiting in docker container with exit code 0
  24. React-Router open Link in new tab
  25. Performing Authentication on Routes with react-router-v4
  26. React router 4 does not update view on link, but does on refresh
  27. React: Hide a Component on a specific Route
  28. React router and this.props.children – how to pass state to this.props.children
  29. using NavLink with external URL
  30. How can I redirect in React Router v6?

Leave a Comment