fix(frontend): queryFn signatures + Link import

useQuery received api fns typed (params?) => Promise<T>; React Query
passes a QueryFunctionContext, so data degraded to {} and broke tsc.
Wrap calls in () => and import Link from react-router-dom.

Authored By: TDvorak <[email protected]>

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
Tomas DvorakandDevin committed 2026-09-23 11:44:36 +02:00
1 parent 0844fab6bf
commit d48d9c293a
4 files changed
+8 -8

No files matched your search

@@ -28,7 +28,7 @@ export function LandingPage() {
const sessionQuery = useAuthSession(); const sessionQuery = useAuthSession();
const signedIn = Boolean(sessionQuery.data); const signedIn = Boolean(sessionQuery.data);
const projectsQuery = useQuery({ queryKey: ['landing-projects'], queryFn: listProjects, staleTime: 60_000 }); const projectsQuery = useQuery({ queryKey: ['landing-projects'], queryFn: () => listProjects(), staleTime: 60_000 });
const templatesQuery = useQuery({ queryKey: ['landing-templates'], queryFn: () => listTemplates(), staleTime: 60_000 }); const templatesQuery = useQuery({ queryKey: ['landing-templates'], queryFn: () => listTemplates(), staleTime: 60_000 });
const projects = projectsQuery.data ?? []; const projects = projectsQuery.data ?? [];
@@ -160,7 +160,7 @@ export function ProjectsPage() {
const projectsQuery = useQuery({ const projectsQuery = useQuery({
queryKey: ['projects'], queryKey: ['projects'],
enabled: !isDemoMode, enabled: !isDemoMode,
queryFn: listProjects, queryFn: () => listProjects(),
}); });
const hostQuery = useQuery({ const hostQuery = useQuery({
queryKey: ['host-monitoring'], queryKey: ['host-monitoring'],
@@ -1,6 +1,6 @@
import { useEffect, useMemo, useRef, useState } from 'react'; import { useEffect, useMemo, useRef, useState } from 'react';
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'; import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
import { useNavigate, useSearchParams } from 'react-router-dom'; import { Link, useNavigate, useSearchParams } from 'react-router-dom';
import { import {
getApiBaseUrl, getApiBaseUrl,
getAgentPublicBaseUrl, getAgentPublicBaseUrl,
@@ -698,7 +698,7 @@ export function PeoplePage() {
const projectsQuery = useQuery({ const projectsQuery = useQuery({
queryKey: ['people-projects'], queryKey: ['people-projects'],
queryFn: listProjects, queryFn: () => listProjects(),
}); });
const auditLogsQuery = useQuery({ const auditLogsQuery = useQuery({
queryKey: ['people-audit-logs'], queryKey: ['people-audit-logs'],
@@ -1926,7 +1926,7 @@ function BindDatabasePanel({
const [varKey, setVarKey] = useState('DATABASE_URL'); const [varKey, setVarKey] = useState('DATABASE_URL');
const [bound, setBound] = useState(false); const [bound, setBound] = useState(false);
const projectsQuery = useQuery({ queryKey: ['projects'], queryFn: listProjects }); const projectsQuery = useQuery({ queryKey: ['projects'], queryFn: () => listProjects() });
const servicesQuery = useQuery({ const servicesQuery = useQuery({
queryKey: ['services', projectId], queryKey: ['services', projectId],
queryFn: () => listServicesByProject(projectId), queryFn: () => listServicesByProject(projectId),
@@ -2097,7 +2097,7 @@ export function HighAvailabilityPage() {
const policiesQuery = useQuery({ queryKey: ['ha-policies'], queryFn: listFailoverPolicies }); const policiesQuery = useQuery({ queryKey: ['ha-policies'], queryFn: listFailoverPolicies });
const alertsQuery = useQuery({ queryKey: ['ha-alerts'], queryFn: listActiveAlerts, refetchInterval: 15_000 }); const alertsQuery = useQuery({ queryKey: ['ha-alerts'], queryFn: listActiveAlerts, refetchInterval: 15_000 });
const healthQuery = useQuery({ queryKey: ['ha-health'], queryFn: listHealthResults, refetchInterval: 30_000 }); const healthQuery = useQuery({ queryKey: ['ha-health'], queryFn: listHealthResults, refetchInterval: 30_000 });
const projectsQuery = useQuery({ queryKey: ['projects'], queryFn: listProjects }); const projectsQuery = useQuery({ queryKey: ['projects'], queryFn: () => listProjects() });
const servicesQuery = useQuery({ const servicesQuery = useQuery({
queryKey: ['services', policyProjectId], queryKey: ['services', policyProjectId],
queryFn: () => listServicesByProject(policyProjectId), queryFn: () => listServicesByProject(policyProjectId),
@@ -2515,7 +2515,7 @@ export function SecurityPage() {
const [scanType, setScanType] = useState<string>('comprehensive'); const [scanType, setScanType] = useState<string>('comprehensive');
const [scanServiceId, setScanServiceId] = useState(''); const [scanServiceId, setScanServiceId] = useState('');
const projectsQuery = useQuery({ queryKey: ['projects'], queryFn: listProjects }); const projectsQuery = useQuery({ queryKey: ['projects'], queryFn: () => listProjects() });
const servicesQuery = useQuery({ const servicesQuery = useQuery({
queryKey: ['services', projectId], queryKey: ['services', projectId],
queryFn: () => listServicesByProject(projectId), queryFn: () => listServicesByProject(projectId),
@@ -470,7 +470,7 @@ export function TemplatesPage() {
const projectsQuery = useQuery({ const projectsQuery = useQuery({
queryKey: ['template-projects'], queryKey: ['template-projects'],
enabled: !isDemoMode, enabled: !isDemoMode,
queryFn: listProjects, queryFn: () => listProjects(),
}); });
const templates = useMemo( const templates = useMemo(