# Tool Rendering
URL: /docs/api-reference/tools/rendering

Register React renderers for assistant-ui tool calls, tool results, and model data parts.

{/* AUTO-GENERATED PAGE by scripts/generate-api-reference.mts */}

{/* Do not edit manually. */}

{/* api-reference:start */}

{/* AUTO-GENERATED by scripts/generate-api-reference.mts */}

{/* Do not edit this block manually. */}

## API Reference \[#api-reference]

### DataRenderers \[#datarenderers]

```ts
const DataRenderers: () => ResourceElement<ClientOutput<"dataRenderers">, undefined>;
```

### makeAssistantDataUI \[#makeassistantdataui]

```ts
type AssistantDataUIProps = {
  name: string;
  render: DataMessagePartComponent<T>;
};

const makeAssistantDataUI: <T = any>(dataUI: AssistantDataUIProps<T>) => AssistantDataUI;
```

### makeAssistantToolUI \[#makeassistanttoolui]

```ts
type AssistantToolUIProps = {
  toolName: string;
  render: ToolCallMessagePartComponent<TArgs, TResult>;
};

const makeAssistantToolUI: <TArgs, TResult>(tool: AssistantToolUIProps<TArgs, TResult>) => AssistantToolUI;
```

### useAssistantDataUI \[#useassistantdataui]

<ParametersTable />

### useAssistantToolUI \[#useassistanttoolui]

<ParametersTable />

{/* api-reference:end */}