frontend

frontend / api/inventory/hooks / useSuppliersQuery

Function: useSuppliersQuery()

useSuppliersQuery(enabled): UseQueryResult<SupplierOption[], Error>

Defined in: src/api/inventory/hooks/useSuppliersQuery.ts:42

Hook to load suppliers for dropdown/autocomplete selection. Caches results for 5 minutes to reduce API calls.

Parameters

enabled

boolean

Whether to fetch suppliers (typically tied to dialog open state)

Returns

UseQueryResult<SupplierOption[], Error>

React Query result with supplier options

Enterprise

  • Only fetches when enabled (performance optimization)
  • 5-minute cache reduces backend load
  • Maps backend data to normalized SupplierOption shape
  • Handles loading and error states automatically

Example

const { data: suppliers, isLoading } = useSuppliersQuery(dialogOpen);

<Select disabled={isLoading}>
  {suppliers?.map(s => <MenuItem key={s.id} value={s.id}>{s.name}</MenuItem>)}
</Select>