ImFusion Web SDK

ImFusionProvider

ts
function ImFusionProvider(__namedParameters: ImFusionProviderProps): Element;

Initializes the ImFusion SDK and provides it to descendant components.

Place an ImFusionCanvas inside this provider to trigger initialization. Children are rendered immediately; use the state components to show different UI for each initialization phase.

Parameters

ParameterType
__namedParametersImFusionProviderProps

Returns

Element

Example

tsx
<ImFusionProvider options={{ autoResize: true }}>
  <ImFusionCanvas style={{ width: '100%', height: '100vh' }} />

  <ImFusionLoading>
    <Spinner />
  </ImFusionLoading>

  <ImFusionError>
    <ErrorMessage />
  </ImFusionError>

  <ImFusionReady>
    <MyApp />
  </ImFusionReady>
</ImFusionProvider>

The SDK is initialized once per provider instance. Changes to options do not reconfigure an already initialized SDK.