Progress

client/src/utils/prompt.js

@@ -0,0 +1,18 @@
+import { unstable_usePrompt as useBlocker } from 'react-router-dom'
+
+function Prompt(props) {
+    const block = props.when
+
+    useBlocker(() => {
+        if (block) {
+            return ! window.confirm(props.message)
+        }
+        return false
+    })
+
+    return (
+        <div key={block}/>
+    )
+}
+
+export default Prompt