aboutsummaryrefslogtreecommitdiffstats
path: root/apps/web/components/admin/ServiceConnections.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'apps/web/components/admin/ServiceConnections.tsx')
-rw-r--r--apps/web/components/admin/ServiceConnections.tsx12
1 files changed, 8 insertions, 4 deletions
diff --git a/apps/web/components/admin/ServiceConnections.tsx b/apps/web/components/admin/ServiceConnections.tsx
index 8d79d8bb..0509f352 100644
--- a/apps/web/components/admin/ServiceConnections.tsx
+++ b/apps/web/components/admin/ServiceConnections.tsx
@@ -2,7 +2,8 @@
import { AdminCard } from "@/components/admin/AdminCard";
import { useTranslation } from "@/lib/i18n/client";
-import { api } from "@/lib/trpc";
+import { useTRPC } from "@/lib/trpc";
+import { useQuery } from "@tanstack/react-query";
function ConnectionStatus({
label,
@@ -105,10 +106,13 @@ function ConnectionsSkeleton() {
}
export default function ServiceConnections() {
+ const api = useTRPC();
const { t } = useTranslation();
- const { data: connections } = api.admin.checkConnections.useQuery(undefined, {
- refetchInterval: 10000,
- });
+ const { data: connections } = useQuery(
+ api.admin.checkConnections.queryOptions(undefined, {
+ refetchInterval: 10000,
+ }),
+ );
if (!connections) {
return <ConnectionsSkeleton />;