# RequestId

**Category:** Features/Display/Errors/RequestId

## Design

### Description

Use this component to help customer care and users communicate and investigate bugs faster
Expose requestID on every error that is based on a server request.

```tsx
import { RequestId } from '@wix/patterns/components';
```

### Standard appearance

```tsx
import React from 'react';
import { RequestId } from '@wix/patterns/components';

function Standard() {
  // To retrieve the locale from the platform.
  // const { locale } = usePlatformApi();
  return <RequestId locale="en" value="1736253693.1445190515968291990561" />;
}
```

### Light appearance

```tsx
import React from 'react';
import { RequestId } from '@wix/patterns/components';

function Light() {
  // To retrieve the locale from the platform.
  // const { locale } = usePlatformApi();
  return (
    <RequestId
      locale="en"
      value="1736253693.1445190515968291990561"
      appearance="light"
    />
  );
}
```

## API

### Props

| Prop | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `value` | `string` | Yes | - | Request ID value. |
| `appearance` | `"standard" \| "light"` | No | - | Appearance of the component. |
| `locale` | `string` | Yes | - | Locale to use for translations. |
| `dataHook` | `string` | No | - | Data hook for testing purposes |