Function OptimizationPreviewPanel

OptimizationPreviewPanel(props: PreviewPanelProps): Element

Comprehensive debugging interface for the Optimization React Native SDK.

Displays audiences, experiences, variant selectors, profile information, and override management controls.

Parameters

props: PreviewPanelProps
Component props

Returns Element

The rendered preview panel

Remarks

Must be used within a PreviewOverrideProvider (typically provided by PreviewPanelOverlay or OptimizationRoot).

Example

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 clientId="your-client-id" environment="main">
      <YourAppContent />
      <OptimizationPreviewPanel contentfulClient={contentfulClient} />
    </OptimizationProvider>
  )
}