Go back/forward

[reintroducing]

In react-router you have the ability to do history.goBack. I have combed through the docs and have not found a way to do this in react-location. What is the best way to accomplish this?

[reintroducing]

Of course I found my answer right after posting this. useLocation exposes history which you can then call back on. @tannerlinsley the useLocation hook is not listed in the API docs so I wasn't aware of its existence until I found a different issue where you mentioned it.

[altmshfkgudtjr]

Thank you!
I bought my precious time.

I used like this.

import { useLocation } from '@tanstack/react-location';

const location = useLocation();
const onBack = () => location.history.back();

[iamolegga]

Late 2023 answer:

const router = useRouter();
const onBack = () => router.history.back();

[well1791]

Great!! Now how do I do that using <Link> component?

[bakesteve]

anyone done this? using history.go(-1) works per below, but be nicer to use a link, but cant see a way that const { history } = useRouter() can pass a usable value to <Link to={...}>..Back</Link>

[rudzky]

Any update on this? I would like to able to navigate back only in the scope of app routing and don't go back to the page I was before I came to this app.

[fabiobaser]

I have the same issue. You can look into the history and dynamically route to different point.

[ento-io]

Such a basic thing should be in the docs

[AbdelhakimMhioul]

I used it like this :

 const { history } = useRouter()
 
 onClick={() => history.go(-1)}

[johnstack94]

None of the proposed solutions allow app back/forward navigation without a page reload. Would be very nice to have this feature.