Skip to content

Add React Query staleTime Configuration #45

Description

@foxintheloop

Problem

React Query hooks have no staleTime set. The default is 0, meaning every component mount triggers a refetch — even if data was fetched milliseconds ago. This causes unnecessary IPC round-trips, especially during navigation between views.

Solution

Add appropriate staleTime values:

  • Tasks and lists: staleTime: 30_000 (30 seconds)
  • Settings and feature flags: staleTime: 300_000 (5 minutes)
  • Analytics/dashboard: staleTime: 60_000 (1 minute)

Consider setting a global default in the QueryClient config:

const queryClient = new QueryClient({
  defaultOptions: {
    queries: { staleTime: 30_000 },
  },
});

Files

  • apps/electron/src/renderer/App.tsx — set global staleTime
  • Individual query hooks as needed for custom values

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions