Component props
The provider tree wrapping children
<OptimizationRoot clientId="your-client-id" environment="main">
<App />
</OptimizationRoot>
<OptimizationRoot
instance={optimization}
trackEntryInteraction={{ views: true, taps: true }}
>
<App />
</OptimizationRoot>
<OptimizationRoot
clientId="your-client-id"
environment="main"
previewPanel={{
enabled: __DEV__,
contentfulClient,
fabPosition: { bottom: 50, right: 20 },
}}
>
<App />
</OptimizationRoot>
<OptimizationRoot clientId="your-client-id" environment="main" liveUpdates={true}>
<App />
</OptimizationRoot>
Recommended top-level wrapper that combines OptimizationProvider with optional preview panel, live updates, and interaction tracking support.
Handles SDK initialization internally — pass config properties directly as props.