React: How to prompt for unsaved changes when navigating with react-router-component

Question

Redux state holds flag for unsaved changes, and I want to prompt user when navigating (clicks a Link) if this flag is set. I'm using react-router-component. I didn't find how to do this in documentation.

Answer 1

Anyone reaching this post in 2018 and using the react router 4+, I'd suggest reading this reacttraining example

TL;DR use the Prompt component at the top

<Prompt
    when={hasUnsavedChanges}
    message="There are unsaved changes, do you wish to discard them?"
/>