refactor(widgets): use shared relative time hook

style: auto-fix lint and format
fix(integrations): resolve intermittent Seerr/Overseerr crashes and add query status to context menu
2026-07-15 11:13:02 +02:00 · 2026-07-15 08:46:24 +00:00 · 2026-07-15 10:44:29 +02:00
48 changed files with 116 additions and 96 deletions
@@ -2,7 +2,6 @@

 import type { PropsWithChildren } from "react";
 import { useState } from "react";
-import type { QueryKey } from "@tanstack/react-query";
 import { QueryClient } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { ReactQueryStreamedHydration } from "@tanstack/react-query-next-experimental";
@@ -34,7 +33,6 @@ import {
 import { createHeadersCallbackForSource, getTrpcUrl } from "@homarr/api/shared";
 import { env } from "@homarr/common/env";
 import { showWarningNotification } from "@homarr/notifications";
-import { widgetImports } from "@homarr/widgets";

 import { createWidgetQueryPersister } from "./query-cache-persister";

@@ -92,12 +90,6 @@ export function TRPCReactProvider(props: PropsWithChildren) {
      },
    });
    client.setQueryDefaults([["widget"]], { refetchInterval: queryCacheDefaultRefetchIntervalMs });
-    for (const { definition } of Object.values(widgetImports)) {
-      const def = definition as { refetchIntervalSeconds?: number; queryKey?: QueryKey; kind: string };
-      if (!def.refetchIntervalSeconds) continue;
-      const key = def.queryKey ?? [["widget", def.kind]];
-      client.setQueryDefaults(key, { refetchInterval: def.refetchIntervalSeconds * 1000 });
-    }
    return client;
  });

@@ -1,9 +1,17 @@
 "use client";

 import type { MutableRefObject, ReactNode } from "react";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { Group, Loader, Menu, Switch, Text } from "@mantine/core";
-import { IconCopy, IconLayoutKanban, IconRefresh, IconSettings, IconTrash } from "@tabler/icons-react";
+import { useCallback, useMemo } from "react";
+import { Group, Loader, Menu, Switch, Text, Tooltip } from "@mantine/core";
+import {
+  IconAlertTriangle,
+  IconCircleCheck,
+  IconCopy,
+  IconLayoutKanban,
+  IconRefresh,
+  IconSettings,
+  IconTrash,
+} from "@tabler/icons-react";
 import type { QueryClient, QueryKey } from "@tanstack/react-query";
 import { useIsFetching, useQueryClient } from "@tanstack/react-query";

@@ -11,10 +19,12 @@ import { clientApi } from "@homarr/api/client";
 import { useSession } from "@homarr/auth/client";
 import { useRequiredBoard } from "@homarr/boards/context";
 import { useEditMode } from "@homarr/boards/edit-mode";
+import { useTimeAgo } from "@homarr/common";
 import { useConfirmModal, useModalAction } from "@homarr/modals";
 import { useSettings } from "@homarr/settings";
 import { translateIfNecessary } from "@homarr/translation";
 import { useI18n, useScopedI18n } from "@homarr/translation/client";
+import type { TranslationFunction } from "@homarr/translation";
 import type { WidgetContextMenuAction } from "@homarr/widgets";
 import { reduceWidgetOptionsWithDefaultValues, widgetImports } from "@homarr/widgets";
 import { WidgetEditModal } from "@homarr/widgets/modals";
@@ -232,11 +242,14 @@ export const WidgetContextMenu = ({ item, widgetStateRef, children }: WidgetCont
            onClick={handleRefetch}
            disabled={isWidgetFetching}
          >
-            <Group justify="space-between" wrap="nowrap">
+            <Group justify="space-between" wrap="nowrap" gap="sm">
              {tMenu("refresh")}
-              <Text size="xs" c="dimmed">
-                <WidgetCacheAge queryClient={queryClient} queryKey={widgetQueryKey} isFetching={isWidgetFetching} />
-              </Text>
+              <WidgetQueryStatus
+                queryClient={queryClient}
+                queryKey={widgetQueryKey}
+                isFetching={isWidgetFetching}
+                t={t}
+              />
            </Group>
          </Menu.Item>
          <Menu.Item
@@ -273,34 +286,65 @@ export const WidgetContextMenu = ({ item, widgetStateRef, children }: WidgetCont
  );
 };

-const WidgetCacheAge = ({
-  queryClient,
-  queryKey,
-  isFetching,
-}: {
+interface WidgetQueryStatusProps {
  queryClient: QueryClient;
  queryKey: QueryKey;
  isFetching: boolean;
-}) => {
-  // 1s tick for "just now" → "1s ago" label transition; isFetching prop handles refetch reactivity
-  const [, setTick] = useState(0);
-  useEffect(() => {
-    const id = setInterval(() => setTick((n) => n + 1), 1000);
-    return () => clearInterval(id);
-  }, []);
+  t: TranslationFunction;
+}

-  if (isFetching) return <Loader size={12} />;
+const WidgetQueryStatus = ({ queryClient, queryKey, isFetching, t }: WidgetQueryStatusProps) => {
+  const queries = queryClient.getQueryCache().findAll({ queryKey });
+  const timestamps = queries.map((query) => query.state.dataUpdatedAt).filter(Boolean);
+  const latest = timestamps.length > 0 ? Math.max(...timestamps) : 0;
+  const ageLabel = useTimeAgo(new Date(latest));

-  const timestamps = queryClient
-    .getQueryCache()
-    .findAll({ queryKey })
-    .map((q) => q.state.dataUpdatedAt)
-    .filter(Boolean);
-  if (timestamps.length === 0) return null;
+  if (isFetching) {
+    return (
+      <Group gap={4} wrap="nowrap">
+        <Loader size={12} />
+        <Text size="xs" c="dimmed">
+          {t("item.menu.status.loading")}
+        </Text>
+      </Group>
+    );
+  }

-  const latest = Math.max(...timestamps);
-  const seconds = Math.floor((Date.now() - latest) / 1000);
-  if (seconds < 5) return "just now";
-  if (seconds < 60) return `${seconds}s ago`;
-  return `${Math.floor(seconds / 60)}m ago`;
+  if (queries.length === 0) {
+    return (
+      <Text size="xs" c="dimmed">
+        {t("item.menu.status.idle")}
+      </Text>
+    );
+  }
+
+  const hasError = queries.some((q) => q.state.status === "error");
+
+  if (hasError) {
+    const errorQuery = queries.find((q) => q.state.status === "error");
+    const errorMessage =
+      errorQuery?.state.error instanceof Error
+        ? errorQuery.state.error.message
+        : String(errorQuery?.state.error ?? "Unknown error");
+
+    return (
+      <Tooltip label={errorMessage} multiline position="left" w={250}>
+        <Group gap={4} wrap="nowrap">
+          <IconAlertTriangle size={12} color="var(--mantine-color-red-6)" />
+          <Text size="xs" c="red.6">
+            {t("item.menu.status.error")} · {ageLabel}
+          </Text>
+        </Group>
+      </Tooltip>
+    );
+  }
+
+  return (
+    <Group gap={4} wrap="nowrap">
+      <IconCircleCheck size={12} color="var(--mantine-color-green-6)" />
+      <Text size="xs" c="dimmed">
+        {t("item.menu.status.success")} · {ageLabel}
+      </Text>
+    </Group>
+  );
 };
@@ -153,9 +153,9 @@ export class OverseerrIntegration
      );
    } else if (pendingResults.length > 0) requests = pendingResults;
    else if (allResults.length > 0) requests = allResults;
-    else return Promise.all([]);
+    else return [];

-    return await Promise.all(
+    const settled = await Promise.allSettled(
      requests.map(async (request): Promise<MediaRequest> => {
        const information = await this.getItemInformationAsync(request.media.tmdbId, request.type);

@@ -184,6 +184,10 @@ export class OverseerrIntegration
        };
      }),
    );
+
+    return settled
+      .filter((result): result is PromiseFulfilledResult<MediaRequest> => result.status === "fulfilled")
+      .map((result) => result.value);
  }

  protected mapRequestStatus(status: UpstreamMediaRequestStatus): MediaRequestStatus {
@@ -301,6 +305,10 @@ export class OverseerrIntegration
      },
    });

+    if (!response.ok) {
+      throw new Error(`Failed to fetch ${type} information for id ${id}: ${response.status} ${response.statusText}`);
+    }
+
    if (type === "tv") {
      const series = (await response.json()) as TvInformation;
      return {
@@ -13,6 +13,7 @@ type IntegrationOfKind<TKind extends IntegrationKind> = Omit<Integration, "kind"
 interface Options<TData, TKind extends IntegrationKind, TInput extends Record<string, unknown>> {
  requestAsync: (integration: IntegrationOfKind<TKind>, input: TInput) => Promise<TData>;
  cacheTtlMs?: number;
+  fallbackToStaleOnError?: boolean;
 }

 export const createIntegrationRequestHandler = <
@@ -32,6 +33,7 @@ export const createIntegrationRequestHandler = <
      return options.requestAsync(integration, input.options);
    },
    cacheTtlMs: options.cacheTtlMs,
+    fallbackToStaleOnError: options.fallbackToStaleOnError,
  });

  return {
@@ -1,6 +1,7 @@
 interface Options<TData, TInput extends Record<string, unknown>> {
  requestAsync: (input: TInput) => Promise<TData>;
  cacheTtlMs?: number;
+  fallbackToStaleOnError?: boolean;
 }

 type CacheEntry<TData> = { data: TData; timestamp: Date; expiresAt: number };
@@ -35,7 +36,6 @@ export const createRequestHandler = <TData, TInput extends Record<string, unknow
        if (cached && Date.now() < cached.expiresAt) {
          return { data: cached.data, timestamp: cached.timestamp };
        }
-        if (cached) cache.delete(key);

        const existing = inflight.get(key);
        if (existing) return existing;
@@ -55,6 +55,9 @@ export const createRequestHandler = <TData, TInput extends Record<string, unknow
          })
          .catch((err) => {
            inflight.delete(key);
+            if (options.fallbackToStaleOnError && cached) {
+              return cached;
+            }
            throw err;
          });

@@ -13,4 +13,6 @@ export const mediaRequestListRequestHandler = createIntegrationRequestHandler<
    const integrationInstance = await createIntegrationAsync(integration);
    return await integrationInstance.getRequestsAsync();
  },
+  cacheTtlMs: 60_000,
+  fallbackToStaleOnError: true,
 });
@@ -1598,10 +1598,16 @@
    },
    "menu": {
      "label": {
-        "settings": "Settings",
+        "settings": "",
        "refresh": "",
        "options": "",
        "actions": ""
+      },
+      "status": {
+        "success": "",
+        "error": "",
+        "loading": "",
+        "idle": ""
      }
    },
    "create": {
@@ -1622,6 +1622,12 @@
        "refresh": "Refresh",
        "options": "Options",
        "actions": "Actions"
+      },
+      "status": {
+        "success": "OK",
+        "error": "Error",
+        "loading": "Loading",
+        "idle": "Idle"
      }
    },
    "create": {
@@ -5,8 +5,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("anchorNote", {
  icon: IconNotes,
-  queryKey: [["widget", "anchorNotes"]],
-  refetchIntervalSeconds: 15,
  supportedIntegrations: ["anchor"],
  createOptions() {
    return optionsBuilder.from((factory) => ({
@@ -5,7 +5,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("archiveTeamWarrior", {
  icon: IconArchive,
-  refetchIntervalSeconds: 300,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      showBroadcastMessage: factory.switch({
@@ -14,7 +14,6 @@ const hideUnlessAudiobookshelf = {

 export const { definition, componentLoader } = createWidgetDefinition("audioStats", {
  icon: IconHeadphones,
-  refetchIntervalSeconds: 600,
  supportedIntegrations: ["navidrome", "audiobookshelf"],
  integrationsRequired: true,
  maxIntegrations: 1,
@@ -9,7 +9,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("calendar", {
  icon: IconCalendar,
-  refetchIntervalSeconds: 60,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      releaseType: factory.multiSelect({
@@ -5,7 +5,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("coolify", {
  icon: IconCloud,
-  refetchIntervalSeconds: 30,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      showServers: factory.switch({
@@ -70,7 +70,6 @@ export const createWidgetDefinition = <TKind extends WidgetKind, TDefinition ext
 export interface WidgetDefinition {
  icon: TablerIcon;
  queryKey?: QueryKey;
-  refetchIntervalSeconds?: number;
  supportedIntegrations?: IntegrationKind[];
  integrationsRequired?: boolean;
  maxIntegrations?: number;
@@ -9,8 +9,6 @@ export const widgetKind = "dnsHoleControls";

 export const { definition, componentLoader } = createWidgetDefinition(widgetKind, {
  icon: IconDeviceGamepad,
-  queryKey: [["widget", "dnsHole"]],
-  refetchIntervalSeconds: 5,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      showToggleAllButtons: factory.switch({
@@ -9,8 +9,6 @@ export const widgetKind = "dnsHoleSummary";

 export const { definition, componentLoader } = createWidgetDefinition(widgetKind, {
  icon: IconAd,
-  queryKey: [["widget", "dnsHole"]],
-  refetchIntervalSeconds: 5,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      usePiHoleColors: factory.switch({
@@ -184,7 +184,13 @@ export default function DockerWidget({ options, width, isEditMode }: WidgetCompo
  const t = useScopedI18n("docker");
  const isTiny = width <= 256;

-  const { data, refetch, isFetching } = clientApi.docker.getContainers.useQuery(undefined, {});
+  const {
+    data,
+    refetch,
+    isFetching,
+  } = clientApi.docker.getContainers.useQuery(undefined, {
+    refetchInterval: 30_000,
+  });
  const containers = data?.containers ?? [];
  const timestamp = useMemo(() => data?.timestamp ?? new Date(), [data?.timestamp]);
  const relativeTime = useTimeAgo(timestamp);
@@ -298,7 +304,9 @@ export default function DockerWidget({ options, width, isEditMode }: WidgetCompo
              {t("table.totalMemory", { memory: formatBytes(totals.memory) })}
            </Text>

-            <Tooltip label={t("table.refresh.lastUpdated", { when: relativeTime })}>
+            <Tooltip
+              label={t("table.refresh.lastUpdated", { when: relativeTime })}
+            >
              <ActionIcon
                size="sm"
                variant="transparent"
@@ -26,7 +26,6 @@ const columnTranslationKeyMap = {
 export const { definition, componentLoader } = createWidgetDefinition("dockerContainers", {
  icon: IconBrandDocker,
  queryKey: [["docker", "getContainers"]],
-  refetchIntervalSeconds: 20,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      columns: factory.multiSelect({
@@ -33,7 +33,6 @@ const columnsSort = columnsList.filter((column) =>

 export const { definition, componentLoader } = createWidgetDefinition("downloads", {
  icon: IconDownload,
-  refetchIntervalSeconds: 5,
  createOptions() {
    return optionsBuilder.from(
      (factory) => ({
@@ -7,7 +7,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("firewall", {
  icon: IconWall,
-  refetchIntervalSeconds: 5,
  createOptions() {
    return optionsBuilder.from(() => ({}));
  },
@@ -8,7 +8,6 @@ import { createStorageVolumeMultiSelectOptions } from "../storage-volume-options

 export const { definition, componentLoader } = createWidgetDefinition("healthMonitoring", {
  icon: IconHeartRateMonitor,
-  refetchIntervalSeconds: 5,
  createOptions() {
    return optionsBuilder.from(
      (factory) => ({
@@ -8,8 +8,6 @@ import { optionsBuilder } from "../../options";

 export const { definition, componentLoader } = createWidgetDefinition("immich-albumCarousel", {
  icon: IconPhoto,
-  queryKey: [["widget", "immich"]],
-  refetchIntervalSeconds: 900,
  supportedIntegrations: ["immich"],
  integrationsRequired: true,
  createOptions() {
@@ -5,8 +5,6 @@ import { optionsBuilder } from "../../options";

 export const { definition, componentLoader } = createWidgetDefinition("immich-serverStats", {
  icon: IconGraphFilled,
-  queryKey: [["widget", "immich"]],
-  refetchIntervalSeconds: 900,
  supportedIntegrations: ["immich"],
  integrationsRequired: true,
  createOptions() {
@@ -7,7 +7,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("indexerManager", {
  icon: IconReportSearch,
-  refetchIntervalSeconds: 300,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      openIndexerSiteInNewTab: factory.switch({
@@ -5,8 +5,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("mediaReleases", {
  icon: IconTicket,
-  queryKey: [["widget", "mediaRelease"]],
-  refetchIntervalSeconds: 300,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      layout: factory.select({
@@ -8,8 +8,6 @@ import { optionsBuilder } from "../../options";

 export const { componentLoader, definition } = createWidgetDefinition("mediaRequests-requestList", {
  icon: IconZoomQuestion,
-  queryKey: [["widget", "mediaRequests"]],
-  refetchIntervalSeconds: 60,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      linksTargetNewTab: factory.switch({
@@ -7,8 +7,6 @@ import { createWidgetDefinition } from "../../definition";

 export const { componentLoader, definition } = createWidgetDefinition("mediaRequests-requestStats", {
  icon: IconChartBar,
-  queryKey: [["widget", "mediaRequests"]],
-  refetchIntervalSeconds: 60,
  createOptions() {
    return {};
  },
@@ -7,7 +7,6 @@ import { optionsBuilder } from "../options";

 export const { componentLoader, definition } = createWidgetDefinition("mediaServer", {
  icon: IconVideo,
-  refetchIntervalSeconds: 5,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      showOnlyPlaying: factory.switch({ defaultValue: true, withDescription: true }),
@@ -11,7 +11,6 @@ export const views = ["workers", "queue", "statistics"] as const;

 export const { componentLoader, definition } = createWidgetDefinition("mediaTranscoding", {
  icon: IconTransform,
-  refetchIntervalSeconds: 300,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      defaultView: factory.select({
@@ -6,7 +6,6 @@ import { optionsBuilder } from "../../options";

 export const { componentLoader, definition } = createWidgetDefinition("minecraftServerStatus", {
  icon: IconBrandMinecraft,
-  refetchIntervalSeconds: 300,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      title: factory.text({ defaultValue: "" }),
@@ -7,8 +7,6 @@ import { optionsBuilder } from "../../options";

 export const { definition, componentLoader } = createWidgetDefinition("networkControllerStatus", {
  icon: IconTopologyFull,
-  queryKey: [["widget", "networkController"]],
-  refetchIntervalSeconds: 300,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      content: factory.select({
@@ -7,7 +7,6 @@ import { optionsBuilder } from "../../options";

 export const { definition, componentLoader } = createWidgetDefinition("networkControllerSummary", {
  icon: IconTopologyFull,
-  refetchIntervalSeconds: 300,
  createOptions() {
    return optionsBuilder.from(() => ({}));
  },
@@ -7,7 +7,6 @@ import { optionsBuilder } from "../options";

 export const { componentLoader, definition } = createWidgetDefinition("notifications", {
  icon: IconMessage,
-  refetchIntervalSeconds: 300,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      hideLogos: factory.switch({ defaultValue: false }),
@@ -5,7 +5,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("paperlessNgx", {
  icon: IconFileText,
-  refetchIntervalSeconds: 900,
  supportedIntegrations: ["paperlessNgx"],
  integrationsRequired: true,
  createOptions() {
@@ -14,7 +14,6 @@ const relativeDateSchema = z

 export const { definition, componentLoader } = createWidgetDefinition("releases", {
  icon: IconRocket,
-  refetchIntervalSeconds: 300,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      newReleaseWithin: factory.text({
@@ -12,7 +12,6 @@ import { optionsBuilder } from "../options";
 */
 export const { definition, componentLoader } = createWidgetDefinition("rssFeed", {
  icon: IconRss,
-  refetchIntervalSeconds: 300,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      feedUrls: factory.multiText({
@@ -7,8 +7,6 @@ import { optionsBuilder } from "../../options";

 export const { definition, componentLoader } = createWidgetDefinition("smartHome-entityState", {
  icon: IconBinaryTree,
-  queryKey: [["widget", "smartHome"]],
-  refetchIntervalSeconds: 60,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      entityId: factory.text({
@@ -5,7 +5,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("speedtestTracker", {
  icon: IconSpeedboat,
-  refetchIntervalSeconds: 600,
  createOptions() {
    return optionsBuilder.from(
      (factory) => ({
@@ -13,7 +13,6 @@ const timeIntervalOptions = stockPriceTimeFrames.interval;

 export const { definition, componentLoader } = createWidgetDefinition("stockPrice", {
  icon: IconBuildingBank,
-  refetchIntervalSeconds: 300,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      stock: factory.text({
@@ -6,8 +6,6 @@ import { createStorageVolumeMultiSelectOptions } from "../storage-volume-options

 export const { definition, componentLoader } = createWidgetDefinition("systemDisks", {
  icon: IconServer2,
-  queryKey: [["widget", "healthMonitoring"]],
-  refetchIntervalSeconds: 5,
  supportedIntegrations: ["dashDot", "openmediavault", "truenas", "unraid", "synology"],
  createOptions() {
    return optionsBuilder.from(
@@ -14,8 +14,6 @@ const labelDisplayModeOptions = {

 export const { definition, componentLoader } = createWidgetDefinition("systemResources", {
  icon: IconGraphFilled,
-  queryKey: [["widget", "healthMonitoring"]],
-  refetchIntervalSeconds: 5,
  supportedIntegrations: ["dashDot", "openmediavault", "truenas", "unraid", "glances", "synology"],
  createOptions() {
    return optionsBuilder.from((factory) => ({
@@ -8,7 +8,6 @@ import { optionsBuilder } from "../options";

 export const { componentLoader, definition } = createWidgetDefinition("timetable", {
  icon: IconBusStop,
-  refetchIntervalSeconds: 60,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      baseUrl: factory.text({
@@ -5,7 +5,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("tracearr", {
  icon: IconActivityHeartbeat,
-  refetchIntervalSeconds: 5,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      showStreams: factory.switch({
@@ -8,7 +8,6 @@ export const timeFrameValues = ["today", "24h", "7d", "30d", "month", "lastMonth

 export const { definition, componentLoader } = createWidgetDefinition("umami", {
  icon: IconChartBar,
-  refetchIntervalSeconds: 300,
  supportedIntegrations: ["umami"],
  createOptions() {
    return optionsBuilder.from(
@@ -7,7 +7,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("ups", {
  icon: IconBatteryCharging,
-  refetchIntervalSeconds: 60,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      showBattery: factory.switch({
@@ -5,7 +5,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("uptimeKuma", {
  icon: IconHeartbeat,
-  refetchIntervalSeconds: 60,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      showAverageUptime: factory.switch({
@@ -7,7 +7,6 @@ import { optionsBuilder } from "../options";

 export const { componentLoader, definition } = createWidgetDefinition("vpn", {
  icon: IconShieldLock,
-  refetchIntervalSeconds: 300,
  createOptions() {
    return optionsBuilder.from(() => ({}));
  },
@@ -7,7 +7,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("weather", {
  icon: IconCloud,
-  refetchIntervalSeconds: 60,
  createOptions() {
    return optionsBuilder.from(
      (factory) => ({