---
title: "POST /_system/react/components - React Components · RUAL Documentation"
description: "Create a new React component with code compilation"
canonical: https://docs.rual.nl/cluster/api/react-components/system-react-components-post
language: en
---

# POST /_system/react/components

Create a new React component with code compilation

| Key | Type | Example | Description |
| --- | --- | --- | --- |
| **[authorization](https://docs.rual.nl/cluster/api#token-providing)** required | `string` | `"Bearer access_token"` | Access token |

| Key | Type | Example | Description |
| --- | --- | --- | --- |
| **component** required | `string` | `"example"` | React component source code |
| **description** optional | `string` | `"Used by the nightly order sync."` | Component description |
| **inpins** optional | `array` | [{}] | Input pin configuration |
| **name** required | `string` | `"production"` | Component name |

```
{}
```

```
{
  "code": 401,
  "error": "INVALID_ACCESS_TOKEN"
}
```

| Status | Error Code | Description |
| --- | --- | --- |
| `401` | `INVALID_ACCESS_TOKEN` | Authentication required or invalid token |

| Permission | Description |
| --- | --- |
| `Bearer token` | Access token required via Authorization header, x-authtoken, x-token, query param, or cookie |
| `react_components_create` | Required scope: react_components_create |