Skip to main content

Function: RuntimeProviders()

RuntimeProviders(__namedParameters): Element

Defined in: src/providers/react/components/RuntimeProviders.tsx:129

Orchestrator component that nests injected providers and renders bridge components inside them.

Parameters​

__namedParameters​

IRuntimeProvidersProps

Returns​

Element

Remarks​

Creates an event-storm store and nests providers in the same order as the photo-editor's EssentialProviders stack: ErrorBoundary → Dialog? → INTL? → Notifier? → Toaster? → Pulse → Auth → Monetization? → children.

Collects service implementations from each bridge. Once both required services (authentication, pulse) report ready, calls onServicesReady with the assembled IRuntimeServices.

Optional providers (monetization, designSystem) fall back to React.Fragment when not provided, and their services fall back to no-op implementations.

Example​

<RuntimeProviders
  authentication={{ AuthProvider, config, useAuthContext }}
  pulse={{ PulseProvider, config, usePulseContext }}
  onServicesReady={(services) => {
    const runtime = createRuntime({ auth: services.auth, ... });
  }}
>
  <App />
</RuntimeProviders>