Overview
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={'staging'}
onError={error => {
console.error('Layer error:', error)
}}
eventCallbacks={{
onTransactionCategorized: (transactionId: string) => {
console.log('Transaction categorized', transactionId)
},
}}
>
{...}
</LayerProvider>
Properties
businessId
string
requiredThe ID of the business whose infomation you’re showing.
businessAccessToken
string
requiredTemporary 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 staging
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.