How to prevent users from accidental route change in react router v3

Question

I am trying to implement a hook that prevents users from 'unintended' route change such as back button or reload. I am using react-router v3, so <Prompt /> in react router v4 does not work for me.

I have looked into setRouteLeaveHook but it does not handle accidental reload action. Any suggestion would be appreciated :)

have a look on this : https://stackoverflow.com/questions/32841757/detecting-user-leaving-page — Jigar Shah, May 18 '18 at 04:40

score 0 · Accepted Answer · answered May 21 '18 at 00:34

0

I had a similar issue, and I I had my own solution manipulating both setRouteLeaveHook and onbeforeunload.

Here is a link to my answer

answered May 21 '18 at 00:34

Sang Yun Park

459
7
14

How to prevent users from accidental route change in react router v3

1 Answers1