ERROR in ./src/Login.js export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'

[emmanuelkorir]

ERROR in ./src/Login.js 15:18-28

export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom' (possible exports: BrowserRouter, HashRouter, Link, MemoryRouter, NavLink, Navigate, NavigationType, Outlet, Route, Router, Routes, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RouteContext, createPath, createRoutesFromChildren, createSearchParams, generatePath, matchPath, matchRoutes, parsePath, renderMatches, resolvePath, unstable_HistoryRouter, useHref, useInRouterContext, useLinkClickHandler, useLocation, useMatch, useNavigate, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes, useSearchParams)

ERROR in ./src/Login.js 131:10-20

export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom' (possible exports: BrowserRouter, HashRouter, Link, MemoryRouter, NavLink, Navigate, NavigationType, Outlet, Route, Router, Routes, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RouteContext, createPath, createRoutesFromChildren, createSearchParams, generatePath, matchPath, matchRoutes, parsePath, renderMatches, resolvePath, unstable_HistoryRouter, useHref, useInRouterContext, useLinkClickHandler, useLocation, useMatch, useNavigate, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes, useSearchParams)

[bagewadi-akram]

use react router dom v5.3.3.

[Naveen-singla]

@emmanuelkorir a more simple way is to use usenavigate() instead of useHistory()

[Triamb-Talwar]

useHistory got depreciated.
use this instead:-
import { useNavigate } from 'react-router-dom';
const navigate = useNavigate();

[antarah]

const navigate = useNavigate();
and then replace history.push('/path') with navigate('/path')

[Eiche-S]

useHistory got depreciated. use this instead:- import { useNavigate } from 'react-router-dom'; const navigate = useNavigate();

works like a charm