Logger

Sendbird UIKit for React offers a logging system that allows you to keep track of a number of events and activities including data flow, error, and information while running your application. You can closely monitor the operation of the UIKit SDK and improve debug efficiency using our logging system.

Log levels

Log levels can be used to categorize and control log outputs. The logger in UIKit for React has four different log levels with predefined values and uses three different colors to distinguish each of them.

Level	Description
info (gray)	Logs general events of UIKit.
warning (orange)	Logs unexpected events which wouldn't affect the operation of UIKit, but might cause problems.
error (red)	Logs what have caused failures in the specific events, but not an UIKit-wide failure.
all (respective to level)	Logs all detailed information of the events and activities, including `info`, `warning`, and `error`. The values of `all` and `debug` work the same way.

How to configure the log level

By default, log levels for Sendbird UIKit for React are turned off. You can change the settings through the config.logLevel prop in the SendbirdProvider or App components as follows:

// Output all logs.
<SendbirdProvider appId={appId} userId={userId} config={{ logLevel: 'info' }} >
    ...
</SendbirdProvider>

// Output only specific logs.
<SendbirdProvider appId={appId} userId={userId} config={{ logLevel: ['info', 'warning'] }} >
    ...
</SendbirdProvider>

List of parameters

Parameter name	Type	Description
`config.logLevel`	string or array	Specifies one or more severity levels of log to retrieve. You can select either a single or multiple log level types. Acceptable values are `none`, `error`, `warning`, `info`, `all`, and `debug`.

Log format

Log messages as output are displayed on the console in the order as follows:

{tag} | {level} | {date time} | {message}

On this page

Log levels How to configure the log level Log format

Sample app