ReactJS : In react-rooter-dom, is useHistory deprecated?

user_12719086 0
Viewed 915

Using this code :

import { Link, useHistory } from "react-router-dom";

...

const history = useHistory();

...

history.push("/login");

This error shows up :

enter image description here

Is useHistory obsolete ? Or I do need to use another function ?

react-router-dom react-router reactjs
1 Answers

Yes it is depreciated in V6 of react-router. In this version to navigate use the useNavigate hook. Check the docs here React Router V6 API Reference. Or more specifically the useNavigate hook here React Router v6 UseNavigate Hook. So like so:

import { useNavigate } from 'react-router-dom'

const navigate = useNavigate()

navigate('/login')
user_47756450
Related