Fixed goals query.

src/components/hooks/queries/useReportQuery.ts

@@ -12,5 +12,6 @@ export function useReportQuery(reportId: string) {
         ...data,
       });
     },
+    enabled: !!reportId,
   });
 }

src/components/hooks/queries/useReportsQuery.ts

@@ -4,23 +4,12 @@ import { useModified } from '../useModified';
 
 export function useReportsQuery({ websiteId, teamId }: { websiteId?: string; teamId?: string }) {
   const { modified } = useModified(`reports`);
-  const { get, del, useMutation } = useApi();
-  const queryResult = usePagedQuery({
+  const { get } = useApi();
+
+  return usePagedQuery({
     queryKey: ['reports', { websiteId, teamId, modified }],
     queryFn: (params: any) => {
       return get('/reports', { websiteId, teamId, ...params });
     },
   });
-  const { mutate } = useMutation({ mutationFn: (reportId: string) => del(`/reports/${reportId}`) });
-
-  const deleteReport = (reportId: any) => {
-    mutate(reportId, {
-      onSuccess: () => {},
-    });
-  };
-
-  return {
-    ...queryResult,
-    deleteReport,
-  };
 }

src/components/hooks/usePagedQuery.ts

@@ -12,7 +12,7 @@ export function usePagedQuery<T = any>({
   const { query: queryParams } = useNavigation();
   const [params, setParams] = useState<PageParams>({
     search: '',
-    page: +queryParams.page || 1,
+    page: +queryParams?.page || 1,
   });
 
   const { useQuery } = useApi();