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 API is used to easily pass down data through components. By using the
useSendbirdStateContext() 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
Specifies the unique ID of the user.
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:
Specifies a style that's applied to the entire client app. Available themes are
Specifies the user's nickname. (Default:
Specifies the URL of the user's profile image. (Default:
Specifies the query factory class to retrieve a list of filtered users and manually added users. (Default: Chat SDK's
Specifies the prop to localize the date and time of the current user's client app using Localization object from date-fns. (Default:
Specifies a set of strings used in UIKit components. You can override the default language using the stringSet. (Default:
Specifies a set of colors used in the UIKit themes. You can override the theme using the colorSet. (Default:
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
Appcomponent internally manages
SendbirdProvideras well as other components and can be used to configure the above properties.