Question

What is difference between useHistory and useNavigate?

I’m a bit confused about the difference between useHistory and useNavigate in React Router. Can someone clarify how they work and why useNavigate replaced useHistory?

Answer 1

Feature	useHistory	useNavigate
Library	Part of react-router-dom (version 5 and below)	Part of react-router-dom (version 6 and above)
Type of Navigation	Imperative (manages navigation through history object)	Imperative (manages navigation through a function)
How It Works	Provides access to the history object for navigation, URL manipulation	Provides a navigate() function to programmatically navigate
When to Use	Version 5.x, for app routing, redirecting, and navigating	Version 6.x and above, simplifies navigation logic
Usage Scenario	For navigating based on user interaction or logic in version 5	Recommended for version 6, provides simpler API for navigation
Replacing a Page	Supports history.push() and history.replace()	navigate() replaces the current URL when replace: true is passed
Go Back	history.goBack() can be used for going back to the previous page	navigate(-1) can be used to go back