Home
/
UIKit
/
React

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.

LevelDescription

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:

Light Color Skin
Copy
// 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 nameTypeDescription

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:

Light Color Skin
Copy
{tag} | {level} | {date time} | {message}