Block navigation from the editor when there are unsaved changes

[david-qz]

I'm not sure how to do this with react-router. If all else fails I guess the editor could be split off into a separate document and we could use window.onbeforeunload to pop up the native confirmation box.

[forestheims]

for the conditional prevention of navigation react-router 5 has <Prompt />

• https://v5.reactrouter.com/core/api/Prompt

though I've heard this is deprecated for react router 6

remix-run/react-router#8139 (comment)

^ this goes into depth on it more. You might find some other helpful links in this conversation

[david-qz]

That issue thread was really useful! I had to downgrade react-router-dom to v6.3.x from v6.4.x to use the implementations shared in that thread, but they seem to work well. I will have to make some UX decisions now.

[david-qz]

Closed via c08d639