diff --git a/src/hooks/moderation/useModerationFilters.ts b/src/hooks/moderation/useModerationFilters.ts index 1a300f61..c0dc110f 100644 --- a/src/hooks/moderation/useModerationFilters.ts +++ b/src/hooks/moderation/useModerationFilters.ts @@ -8,7 +8,7 @@ * - Filter persistence and clearing */ -import { useState, useCallback, useEffect } from 'react'; +import { useState, useCallback, useEffect, useMemo } from 'react'; import { useDebounce } from '@/hooks/useDebounce'; import type { EntityFilter, StatusFilter, QueueTab } from '@/types/moderation'; @@ -176,7 +176,7 @@ export function useModerationFilters(config: ModerationFiltersConfig = {}): Mode statusFilter !== initialStatusFilter || activeTab !== initialTab; - return { + return useMemo(() => ({ entityFilter, statusFilter, activeTab, @@ -187,5 +187,16 @@ export function useModerationFilters(config: ModerationFiltersConfig = {}): Mode setActiveTab, clearFilters, hasActiveFilters, - }; + }), [ + entityFilter, + statusFilter, + activeTab, + debouncedEntityFilter, + debouncedStatusFilter, + setEntityFilter, + setStatusFilter, + setActiveTab, + clearFilters, + hasActiveFilters, + ]); }