Components are rendered by themselves alongside visual controls. This means if your components rely on global state or context there may be some work involved to get it rendering without an error.
- Refactor your component to be self contained
- Use a provider component to provide the missing React context
- Declare the required context or state in another component and open that instead
- Set default props
Next Steps
Continue to learn more about features available in the Scene.
Scene Panel
The scene panel lets you inspect your component, its elements, and props.
Visual Controls
Visual controls let you update props using controls in the scene rather than in code or input controls.
Input Controls
Input controls let you update props through the UI.
Play Controls
Play controls let you interact with your scene.
Scene Helpers
Scene Helpers let you inspect and debug your scene.
Triplex WebXR
View and edit your components in WebXR.
Component Controls
Component controls let you change the props that are given to your component.