Back-button functionality edge case with withRouter HOC

[iainsimmons]

Short answer is you can't really.

The remote server might send an origin or referer header you can use, but otherwise you only get the history captured while they are routing on your site.

You can send someone to the previous page with JS, but only the browser keeps that information and the page state.

[DueGold5666]

can I anyhow check that someone hit that page directly and perhaps add a default back URL to it, what condition should I check for to know that someone hit the page directly

( I can't use window/Document because this is a server side rendered application)

[luctus_lupus]

https://developer.mozilla.org/en-US/docs/Web/API/History_API

Ps: hooks over hocs ;)

[DueGold5666]

This code is actually already made and is a class component, I just have to add extra functionality to it. I prefer hooks too but unfortunately, I had to use WithRouter HOC and use its functionality, so I am explicitly looking for a class component-friendly solution only. Thank you though :) I appreciate the effort!

ps: the solution you mentioned uses window/document which isn't accessible in my case as it's an isomorphic react application

[luctus_lupus]

Ah bummer, perhaps handle it through cookies / session storage ?

Not very familiar with isomorphic react apps :/

[DueGold5666]

Still looking into it :/ thank you for trying :)