From 25a9e5f58a8d4aa3d64f22c3c1542cff9390e744 Mon Sep 17 00:00:00 2001
From: Daniel Hougaard <daniel@infisical.com>
Date: Mon, 26 Aug 2024 21:42:47 +0400
Subject: [PATCH] Update SecretApprovalRequest.tsx

---
 .../SecretApprovalRequest/SecretApprovalRequest.tsx         | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/SecretApprovalPage/components/SecretApprovalRequest/SecretApprovalRequest.tsx b/frontend/src/views/SecretApprovalPage/components/SecretApprovalRequest/SecretApprovalRequest.tsx
index d75be4f14..d761a7153 100644
--- a/frontend/src/views/SecretApprovalPage/components/SecretApprovalRequest/SecretApprovalRequest.tsx
+++ b/frontend/src/views/SecretApprovalPage/components/SecretApprovalRequest/SecretApprovalRequest.tsx
@@ -1,4 +1,5 @@
 import { Fragment, useEffect, useState } from "react";
+import { useRouter } from "next/router";
 import {
   faCheck,
   faCheckCircle,
@@ -65,16 +66,17 @@ export const SecretApprovalRequest = () => {
   const { data: secretApprovalRequestCount, isSuccess: isSecretApprovalReqCountSuccess } =
     useGetSecretApprovalRequestCount({ workspaceId });
   const { user: userSession } = useUser();
+  const router = useRouter();
   const { permission } = useProjectPermission();
   const { data: members } = useGetWorkspaceUsers(workspaceId);
   const isSecretApprovalScreen = Boolean(selectedApprovalId);
   const queryParams = new URLSearchParams(window.location.search);
-  const requestId = queryParams.get("requestId");
+  const { requestId } = router.query;
 
   useEffect(() => {
     if (!requestId || usingUrlRequestId) return;
 
-    setSelectedApprovalId(requestId);
+    setSelectedApprovalId(requestId as string);
     setUsingUrlRequestId(true);
   }, [queryParams]);