Add useLocationNavigation to fix navigation during browser media prompts

src/useLocationNavigation.js

@@ -0,0 +1,25 @@
+import { useEffect } from "react";
+import { useHistory } from "react-router-dom";
+
+export function useLocationNavigation(enabled = false) {
+  const history = useHistory();
+
+  useEffect(() => {
+    let unblock;
+
+    if (enabled) {
+      unblock = history.block((tx) => {
+        const url = new URL(tx.pathname, window.location.href);
+        url.search = tx.search;
+        url.hash = tx.hash;
+        window.location = url.href;
+      });
+    }
+
+    return () => {
+      if (unblock) {
+        unblock();
+      }
+    };
+  }, [history, enabled]);
+}