Skip to main content

Variable: RenderProvider

const RenderProvider: FC<PropsWithChildren<RenderContextType>>

Defined in: components/RenderProvider.tsx:33

Provider component that makes registered components available to the render system.

This component wraps your application and provides the registered components to all child components through React context. It's essential for the render system to function properly as it makes components available for dynamic rendering.

Param​

The component props

Param​

Map of registered components

Param​

Optional map of asset refs (ref(type:id:name)) to values

Param​

Child components to render

Example​

const registeredComponents = {
Button: { Component: MyButton },
Text: { Component: MyText },
View: { Component: MyView }
};

const App = () => (
<RenderProvider components={registeredComponents}>
<Render root={rootComponent} />
</RenderProvider>
);