React Components
2 mins
The SeamProvider component accepts a
clientSessionToken
that enables descendants of the SeamProvider to use the Seam API. A Client Session Token allows a device owner to make API requests to Seam where interactions are restricted only to devices they own. To enable your users to interact with their devices, you'll need to create a client session and pass its token to the <SeamProvider />
.<SeamProvider clientSessionToken={clientSessionToken}>
<DeviceTable />
</SeamProvider>
Name | Type | Description |
---|---|---|
clientSessionToken* | string | A Client Session Token allows a device owner to make API requests to Seam where interactions are restricted only to devices they own. |
The devices table shows a list of devices and their statuses.
<DeviceTable />


Name | Type | Description |
---|---|---|
onBack | function | Optional callback fired when the Back chevron button is clicked.
Signature: () => void |
The device details component shows the properties, settings, and issues for a device.
<DeviceDetails deviceId={deviceId} />

Name | Type | Description |
---|---|---|
deviceId* | string | The id for the device that will be shown in the table. |
onBack | function | Optional callback fired when the Back chevron button is clicked.
Signature: () => void |
The access codes table shows a list of current and future access codes and their statuses.
<AccessCodeTable deviceId={deviceId} />


Name | Type | Description |
---|---|---|
deviceId* | string | The id for the device whose access codes will be shown in the table. |
onBack | function | Optional callback fired when the Back chevron button is clicked.
Signature: () => void |
The access code details component shows the properties, settings, and issues for an access code.
<AccessCodeDetails accessCodeId={accessCodeId} />

Name | Type | Description |
---|---|---|
accessCodeId* | string | The id for the access code to be displayed. |
onBack | function | true |
The supported device table allows you to filter, sort, and view all the devices compatible with Seam. You can use this table to indicate what devices are supported by your platform.
<SupportedDeviceTable />
Name | Type | Description |
---|---|---|
cannotFilter | boolean | Hide the controls to filter the table. Default: false |
