Fix query loaders to reload on parameter changes

Remove !queryRef guard and add proper dependency arrays so queries
refetch when organizationId or meetingId changes.

Signed-off-by: Bryan Frimin <bryan@getprobo.com>

apps/console/src/pages/organizations/context/ContextPageLoader.tsx

@@ -24,10 +24,8 @@ function ContextPageQueryLoader() {
   const [queryRef, loadQuery] = useQueryLoader<ContextPageLoaderQuery>(contextPageQuery);
 
   useEffect(() => {
-    if (!queryRef) {
-      loadQuery({ organizationId });
-    }
-  });
+    loadQuery({ organizationId });
+  }, [organizationId, loadQuery]);
 
   if (!queryRef) return <LinkCardSkeleton />;
 

apps/console/src/pages/organizations/meetings/MeetingDetailPageLoader.tsx

@@ -13,10 +13,10 @@ function MeetingDetailPageQueryLoader() {
   const [queryRef, loadQuery] = useQueryLoader<MeetingDetailPageQuery>(meetingDetailPageQuery);
 
   useEffect(() => {
-    if (!queryRef && meetingId) {
+    if (meetingId) {
       loadQuery({ meetingId });
     }
-  });
+  }, [meetingId, loadQuery]);
 
   if (!queryRef) return <PageSkeleton />;
 

apps/console/src/pages/organizations/meetings/MeetingsPageLoader.tsx

@@ -13,10 +13,8 @@ function MeetingsPageQueryLoader() {
   const [queryRef, loadQuery] = useQueryLoader<MeetingsPageQuery>(meetingsPageQuery);
 
   useEffect(() => {
-    if (!queryRef) {
-      loadQuery({ organizationId });
-    }
-  });
+    loadQuery({ organizationId });
+  }, [organizationId, loadQuery]);
 
   if (!queryRef) return <LinkCardSkeleton />;