LayerProvider context

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

string

required

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

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.

string

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

string

Customizes the look and feel of the components.

string

Callback to be notified about exceptions within the components.

object

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

Show props

`(transactionId: string) => void`

Callback triggered any time a transaction is categorized, matched, updated, etc.

`() => void`

Callback triggered when new transactions are fetched.

Styling

⌘I

Overview

Components

Layouts

LayerProvider context

Properties

​Properties

Properties