Component props
The rendered preview panel
Must be used within a PreviewOverrideProvider (typically provided by PreviewPanelOverlay or OptimizationRoot).
import { OptimizationPreviewPanel, OptimizationProvider } from '@contentful/optimization-react-native'
import { createClient } from 'contentful'
const contentfulClient = createClient({
space: 'your-space-id',
accessToken: 'your-access-token',
})
function App() {
return (
<OptimizationProvider instance={sdk}>
<YourAppContent />
<OptimizationPreviewPanel contentfulClient={contentfulClient} />
</OptimizationProvider>
)
}
Comprehensive debugging interface for the Optimization React Native SDK.
Displays audiences, experiences, variant selectors, profile information, and override management controls.