openstatus.dev
Openstatus
www.openstatus.dev
fix: trpc hydration error (#1667)
* fix: trpc query enable
* ci: apply automated fixes
* fix: log
* fix: trpc enable query
---------
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
authored by
Maximilian Kaske
autofix-ci[bot]
and committed by
GitHub
9009d550
d7475c56
+20
-31
+9
-7
apps/status-page/src/app/(status-page)/[domain]/(public)/page.tsx
+9
-7
apps/status-page/src/app/(status-page)/[domain]/(public)/page.tsx
···
38
38
39
39
// NOTE: we cannot use `cardType` and `barType` here because of queryKey changes
40
40
// It wouldn't match the server prefetch keys and we would have to refetch the page here
41
-
const { data: pageInitial, error } = useQuery(
42
-
trpc.statusPage.get.queryOptions({
41
+
const { data: pageInitial, error } = useQuery({
42
+
...trpc.statusPage.get.queryOptions({
43
43
slug: domain,
44
44
}),
45
-
);
45
+
enabled: !!domain,
46
+
});
46
47
47
48
// Handle case where page doesn't exist or query fails
48
49
if (error || (!pageInitial && domain)) {
···
61
62
cardType,
62
63
barType,
63
64
}),
64
-
enabled: hasCustomConfig,
65
+
enabled: !!domain && hasCustomConfig,
65
66
});
66
67
67
68
// NOTE: we can prefetch that to avoid loading state
68
-
const { data: uptimeData, isLoading } = useQuery(
69
-
trpc.statusPage.getUptime.queryOptions({
69
+
const { data: uptimeData, isLoading } = useQuery({
70
+
...trpc.statusPage.getUptime.queryOptions({
70
71
slug: domain,
71
72
monitorIds:
72
73
pageInitial?.monitors?.map((monitor) => monitor.id.toString()) || [],
73
74
cardType,
74
75
barType,
75
76
}),
76
-
);
77
+
enabled: !!pageInitial && pageInitial.monitors.length > 0,
78
+
});
77
79
78
80
// NOTE: we need to filter out the incidents as we don't want to show all of them in the banner - a single one is enough
79
81
// REMINDER: we could move that to the server - but we might wanna have the info of all openEvents actually