# BaseProviderProps

**Kind:** Interface

Props for the `BaseProvider` component.

## Properties

### `children`

Type: `React.ReactNode`

The contents to render.

### `value`

Type: `Base`

The {@Base} instance associated with the App.

---

## BaseProvider

**Kind:** Component

A React Provider which allows Components to be rendered outside of an App's
React tree.

```js
import React from 'react';
import ReactDOM from 'react-dom';
import {BaseProvider} from '@airtable/blocks/ui';

function getHtmlStringForRecordCard(base, record) {
    return ReactDOM.renderToStaticMarkup(
        <BaseProvider value={base}>
            <RecordCard record={record} />
        </BaseProvider>
    );
}
```

**Parameters:**
- `props` (`BaseProviderProps`)

**Returns:** `Element`