SendbirdProvider
SendbirdProvider
is the most important component in UIKit for React because it's the context provider that passes the Chat SDK down to the child components. The React Context APIuseSendbirdStateContext()
component, you can implement Sendbird Chat SDK for React in any of the components under SendbirdProvider
. The following table shows a list of properties of the SendbirdProvider
component.
List of properties
Properties
Required | Type | Description |
---|---|---|
appId | string | Specifies the |
userId | string | Specifies the unique ID of the user. |
Optional | Type | Description |
---|---|---|
accessToken | string | Specifies an opaque string that identifies the user. It's recommended that every user has their own access token and provides it upon login for security. (Default: |
theme | string | Specifies a style that's applied to the entire client app. Available themes are |
nickname | string | Specifies the user's nickname. (Default: |
profileUrl | string | Specifies the URL of the user's profile image. (Default: |
userListQuery | interface | Specifies the query factory class to retrieve a list of filtered users and manually added users. (Default: Chat SDK's |
dateLocale | locale | Specifies the prop to localize the date and time of the current user's client app using Localization object from date-fns |
stringSet | object | Specifies a set of strings used in UIKit components. You can override the default language using the stringSet. (Default: |
colorSet | object | Specifies a set of colors used in the UIKit themes. You can override the theme using the colorSet. (Default: |
ThreadReplySelectType | function | Specifies the prop to direct users to view either the parent message or the thread when they click on a reply button in the group channel module. Acceptable values are: |
Note : The
App
component internally managesSendbirdProvider
as well as other components and can be used to configure the above properties.