Fix infinite query loop

src/hooks/moderation/useModerationQueueManager.ts

@@ -160,42 +160,20 @@ export function useModerationQueueManager(config: ModerationQueueManagerConfig):
   const initialFetchCompleteRef = useRef(false);
   const isMountingRef = useRef(true);
 
-  // Store settings, filters, and pagination in refs to stabilize fetchItems
-  const settingsRef = useRef(settings);
-  const filtersRef = useRef(filters);
-  const sortRef = useRef(filters.debouncedSortConfig);
-  const paginationRef = useRef(pagination);
-
-  // Sync refs with state
-  useEffect(() => {
-    settingsRef.current = settings;
-  }, [settings]);
-
-  useEffect(() => {
-    filtersRef.current = filters;
-  }, [filters]);
-
-  useEffect(() => {
-    sortRef.current = filters.debouncedSortConfig;
-  }, [filters.debouncedSortConfig]);
-
-  useEffect(() => {
-    paginationRef.current = pagination;
-  }, [pagination]);
-
   /**
    * Replace manual fetching with TanStack Query
+   * Use direct state values for stable query keys
    */
   const queueQuery = useQueueQuery({
     userId: user?.id,
     isAdmin,
     isSuperuser,
-    entityFilter: filtersRef.current.debouncedEntityFilter,
+    entityFilter: filters.debouncedEntityFilter,
-    statusFilter: filtersRef.current.debouncedStatusFilter,
+    statusFilter: filters.debouncedStatusFilter,
-    tab: filtersRef.current.activeTab,
+    tab: filters.activeTab,
-    currentPage: paginationRef.current.currentPage,
+    currentPage: pagination.currentPage,
-    pageSize: paginationRef.current.pageSize,
+    pageSize: pagination.pageSize,
-    sortConfig: sortRef.current,
+    sortConfig: filters.debouncedSortConfig,
     enabled: !!user,
   });
 
@@ -232,8 +210,8 @@ export function useModerationQueueManager(config: ModerationQueueManagerConfig):
 
   // Update total count for pagination
   useEffect(() => {
-    paginationRef.current.setTotalCount(queueQuery.totalCount);
+    pagination.setTotalCount(queueQuery.totalCount);
-  }, [queueQuery.totalCount]);
+  }, [queueQuery.totalCount, pagination]);
 
   // Mark initial fetch as complete
   useEffect(() => {

vercel.json

@@ -33,7 +33,7 @@
         },
         {
           "key": "Permissions-Policy",
-          "value": "browsing-topics=()"
+          "value": "interest-cohort=()"
         }
       ]
     },