diff --git a/apps/console/src/pages/FrameworkOverviewPage.tsx b/apps/console/src/pages/FrameworkOverviewPage.tsx
index be48cf1b5..00b58e02b 100644
--- a/apps/console/src/pages/FrameworkOverviewPage.tsx
+++ b/apps/console/src/pages/FrameworkOverviewPage.tsx
@@ -194,7 +194,7 @@ export default function FrameworkOverviewPage() {
   const [queryRef, loadQuery] = useQueryLoader<FrameworkOverviewPageQueryType>(FrameworkOverviewPageQuery);
 
   useEffect(() => {
-    loadQuery({ frameworkId });
+    loadQuery({ frameworkId: frameworkId! });
   }, [loadQuery, frameworkId]);
 
   return (
diff --git a/apps/console/src/pages/VendorOverviewPage.tsx b/apps/console/src/pages/VendorOverviewPage.tsx
index c99eb0f15..08c8379e1 100644
--- a/apps/console/src/pages/VendorOverviewPage.tsx
+++ b/apps/console/src/pages/VendorOverviewPage.tsx
@@ -238,8 +238,8 @@ export default function VendorOverviewPage() {
   const [queryRef, loadQuery] = useQueryLoader<VendorOverviewPageQueryType>(VendorOverviewPageQuery);
 
   useEffect(() => {
-    loadQuery({ vendorId: vendorId });
-  }, [loadQuery]);
+    loadQuery({ vendorId: vendorId! });
+  }, [loadQuery, vendorId]);
 
   if (!queryRef) {
     return <VendorOverviewPageFallback />;