# ComponentRenderer

A component to fetch and render any widget or UI component.

## Installation

```tsx
import { ComponentRenderer } from 'uxp/components';
```

## Signature

```tsx
const ComponentRenderer: React.MemoExoticComponent<React.FunctionComponent<ComponentRendererProps>>
```

## Properties

| Name            | Type                                                                                    | Mandatory | Default Value | Example Value |
| --------------- | --------------------------------------------------------------------------------------- | --------- | ------------- | ------------- |
| moduleId        | string                                                                                  | Yes       | -             | -             |
| componentId     | string                                                                                  | Yes       | -             | -             |
| type            | [ComponentType](https://help.iviva.com/uxp/v5/additional-resources/types/componenttype) | Yes       | -             | -             |
| additionalProps | any                                                                                     | No        | -             | -             |
| notFoundMessage | string \| React.ReactNode                                                               | No        | -             | -             |
| isPreview       | boolean                                                                                 | No        | -             | -             |

## Related Types

* [ComponentRendererProps](https://help.iviva.com/uxp/v5/additional-resources/types/componentrendererprops)
* [ComponentType](https://help.iviva.com/uxp/v5/additional-resources/types/componenttype)