Function: ResourceStatusIndicator()

ResourceStatusIndicator(__namedParameters?): Element

Drop-in indicator that mounts a <Toaster /> and surfaces the worst pending ResourceStatus across every plugin/component publishing into the nearest ResourceStatusProvider as a sonner toast (toast.loading for cold starts, toast.error for unrecoverable states), keyed by the worst kind so only one indicator toast is on screen at a time.

Forwards Toaster props (position defaults to top-right, plus theme, richColors, …). Apps that already mount their own <Toaster /> should drop this component and call useResourceStatusToaster instead.

Parameters

__namedParameters?

ResourceStatusIndicatorProps

Returns

Element

Examples

<ResourceStatusProvider>
  <ResourceStatusIndicator />
  <App />
</ResourceStatusProvider>

Custom render

<ResourceStatusIndicator
  render={(agg) => (
    <div className="my-card">
      {agg.worst?.kind} {agg.worst?.state.toLowerCase()}
    </div>
  )}
/>