How to properly use useHistory () from react-router-dom?

by

This has changed in v6, useHistory is now useNavigate and we can use it as follows:

instead of:

const history = useHistory()
history.push("https://stackoverflow.com/")

we now use:

const navigate = useNavigate()
navigate("https://stackoverflow.com/")

More Related Contents:

  1. Link tag inside BrowserRouter changes only the URL, but doesn’t render the component
  2. How to pass data from a page to another page using react router
  3. How do I render components with different layouts/elements using react-router-dom v6
  4. react router v6 navigate outside of components
  5. Problem in redirecting programmatically to a route in react router v6
  6. Error: [PrivateRoute] is not a component. All component children of must be a or
  7. React doesn’t reload component data on route param change or query change
  8. Uncaught TypeError: Cannot read property ‘push’ of undefined (React-Router-Dom)
  9. ReactJS – Pass props with Redirect component
  10. Multiple Nested Routes in react-router-dom v4
  11. How do you pass data when using the navigate function in react router v6
  12. how to listen for route change in react-router-dom v6
  13. ReactJS: [Home] is not a component. All component children of must be a or
  14. Error “Error: A is only ever to be used as the child of element”
  15. How to create a protected route with react-router-dom?
  16. react-router-dom v6 Routes showing blank page
  17. using history with react-router-dom v6
  18. React Router Dom routes are returning blank pages
  19. React router dom: Route and Router not working at all
  20. React: ‘Redirect’ is not exported from ‘react-router-dom’
  21. How can I redirect in React Router v6?
  22. useMemo vs. useEffect + useState
  23. JSX not allowed in files with extension ‘ .js’ with eslint-config-airbnb
  24. Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null [closed]
  25. React.js best practice regarding listening to window events from components
  26. how to render child components in react.js recursively
  27. React Warning: flattenChildren(…): Encountered two children with the same key
  28. TypeError: Cannot read properties of undefined (reading ‘call’) on Next.js
  29. Updating state to the same value directly in the component body during render causes infinite loop
  30. Preserve Type when using Object.entries

Leave a Comment