All Layer React components are nested under the LayerProvider component. This component takes in the below properties.

<LayerProvider
  businessId="<layer_business_id>"
  businessAccessToken="<access_token>"
  environment={'sandbox'}
  onError={error => {
    console.error('Layer error:', error)
  }}
  eventCallbacks={{
    onTransactionCategorized: (transactionId: string) => {
      console.log('Transaction categorized', transactionId)
    },
  }}
>
  {...}
</LayerProvider>

​
Properties

businessId
string
required

The ID of the business whose infomation you’re showing.

businessAccessToken
string
required

Temporary authentication token scoped to this specific business. See the getting started guide for how to fetch these tokens on your backend.

Do not use your Layer API key as the token in production. Retrieve a business-scoped access token from the Layer API and pass that value here instead.

environment
string

The Layer environment you’re attempting to access. Can be sandbox or production. Defaults to defaults to production.

theme
string

Customizes the look and feel of the components.

onError
string

Callback to be notified about exceptions within the components.

eventCallbacks
object

Callbacks that will be triggered for specific user events within the components.

Styling