Unified loading states.

src/components/hooks/queries/useReportsQuery.ts

@@ -1,8 +1,12 @@
 import { useApi } from '../useApi';
 import { usePagedQuery } from '../usePagedQuery';
 import { useModified } from '../useModified';
+import { ReactQueryOptions } from '@/lib/types';
 
-export function useReportsQuery({ websiteId, type }: { websiteId: string; type?: string }) {
+export function useReportsQuery(
+  { websiteId, type }: { websiteId: string; type?: string },
+  options?: ReactQueryOptions<any>,
+) {
   const { modified } = useModified(`reports:${type}`);
   const { get } = useApi();
 
@@ -10,5 +14,6 @@ export function useReportsQuery({ websiteId, type }: { websiteId: string; type?:
     queryKey: ['reports', { websiteId, type, modified }],
     queryFn: async () => get('/reports', { websiteId, type }),
     enabled: !!websiteId && !!type,
+    ...options,
   });
 }