Add useLocationNavigation to fix navigation during browser media prompts

src/room/GroupCallView.jsx

@@ -7,6 +7,7 @@ import { LobbyView } from "./LobbyView";
 import { InCallView } from "./InCallView";
 import { CallEndedView } from "./CallEndedView";
 import { useSentryGroupCallHandler } from "./useSentryGroupCallHandler";
+import { useLocationNavigation } from "../useLocationNavigation";
 
 export function GroupCallView({
   client,
@@ -42,6 +43,7 @@ export function GroupCallView({
     toggleLocalVideoMuted,
     toggleMicrophoneMuted,
     toggleScreensharing,
+    requestingScreenshare,
     isScreensharing,
     localScreenshareFeed,
     screenshareFeeds,
@@ -54,6 +56,8 @@ export function GroupCallView({
 
   useSentryGroupCallHandler(groupCall);
 
+  useLocationNavigation(requestingScreenshare);
+
   const [left, setLeft] = useState(false);
   const history = useHistory();
 

src/room/LobbyView.jsx

@@ -14,6 +14,7 @@ import { getAvatarUrl } from "../matrix-utils";
 import { useProfile } from "../profile/useProfile";
 import useMeasure from "react-use-measure";
 import { ResizeObserver } from "@juggle/resize-observer";
+import { useLocationNavigation } from "../useLocationNavigation";
 
 export function LobbyView({
   client,
@@ -40,6 +41,8 @@ export function LobbyView({
     onInitLocalCallFeed();
   }, [onInitLocalCallFeed]);
 
+  useLocationNavigation(state === GroupCallState.InitializingLocalCallFeed);
+
   return (
     <div className={styles.room}>
       <Header>