@sendbird/uikit-react 3.1.1 → 3.1.2

package/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * Type Definitions for SendbirdUIKit 3.1.1
+ * Type Definitions for @sendbird/uikit-react@3.1.2
  * homepage: https://sendbird.com/
  * git: https://github.com/sendbird/sendbird-uikit-react
  */
@@ -27,7 +27,7 @@ declare module "SendbirdUIKitGlobal" {
     allowProfileEdit?: boolean;
     disableUserProfile?: boolean;
     showSearchIcon?: boolean;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode;
+    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
     onProfileEditSuccess?(user: User): void;
     config?: SendbirdProviderConfig;
     useReaction?: boolean;
@@ -182,13 +182,13 @@ declare module "SendbirdUIKitGlobal" {
     configureSession?: (sdk: SendbirdGroupChat | SendbirdOpenChat) => SessionHandler;
     customApiHost?: string,
     customWebSocketHost?: string,
-    children?: React.ReactNode;
+    children?: React.ReactNode | React.ReactElement;
     theme?: 'light' | 'dark';
     nickname?: string;
     profileUrl?: string;
     dateLocale?: Locale;
     disableUserProfile?: boolean;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode;
+    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
     allowProfileEdit?: boolean;
     userListQuery?(): UserListQuery;
     config?: SendbirdProviderConfig;
@@ -207,7 +207,7 @@ declare module "SendbirdUIKitGlobal" {
 
   export interface SendBirdStateConfig {
     disableUserProfile: boolean;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode;
+    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
     allowProfileEdit: boolean;
     isOnline: boolean;
     isMentionEnabled: boolean;
@@ -301,9 +301,9 @@ declare module "SendbirdUIKitGlobal" {
     onChannelSelect?(channel: GroupChannel): void;
     sortChannelList?: (channels: GroupChannel[]) => GroupChannel[];
     queries?: ChannelListQueries;
-    children?: React.ReactNode;
-    className?: string | string[];
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode;
+    children?: React.ReactNode | React.ReactElement;
+    className?: string | Array<string>;
+    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
     disableUserProfile?: boolean;
     disableAutoSelect?: boolean;
     isTypingIndicatorEnabled?: boolean;
@@ -333,19 +333,19 @@ declare module "SendbirdUIKitGlobal" {
   }
 
   export interface ChannelListUIProps {
-    renderChannelPreview?: (props: RenderChannelPreviewProps) => React.ReactNode;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode;
-    renderHeader?: (props: void) => React.ReactNode;
-    renderPlaceHolderError?: (props: void) => React.ReactNode;
-    renderPlaceHolderLoading?: (props: void) => React.ReactNode;
-    renderPlaceHolderEmptyList?: (props: void) => React.ReactNode;
+    renderChannelPreview?: (props: RenderChannelPreviewProps) => React.ReactNode | React.ReactElement;
+    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
+    renderHeader?: (props: void) => React.ReactNode | React.ReactElement;
+    renderPlaceHolderError?: (props: void) => React.ReactNode | React.ReactElement;
+    renderPlaceHolderLoading?: (props: void) => React.ReactNode | React.ReactElement;
+    renderPlaceHolderEmptyList?: (props: void) => React.ReactNode | React.ReactElement;
   }
 
-  export interface ChannelListProps extends ChannelListProviderProps, ChannelListUIProps {}
+  export interface ChannelListProps extends ChannelListProviderProps, ChannelListUIProps { }
 
   export interface ChannelListHeaderInterface {
-    renderHeader?: (props: void) => React.ReactNode;
-    renderIconButton?: (props: void) => React.ReactNode;
+    renderHeader?: (props: void) => React.ReactNode | React.ReactElement;
+    renderIconButton?: (props: void) => React.ReactNode | React.ReactElement;
     onEdit?: (props: void) => void;
     allowProfileEdit?: boolean;
   }
@@ -354,7 +354,7 @@ declare module "SendbirdUIKitGlobal" {
     channel: GroupChannel;
     isActive?: boolean;
     onClick: () => void;
-    renderChannelAction: (props: { channel: GroupChannel }) => React.ReactNode;
+    renderChannelAction: (props: { channel: GroupChannel }) => React.ReactNode | React.ReactElement;
     tabIndex: number;
   }
 
@@ -375,10 +375,10 @@ declare module "SendbirdUIKitGlobal" {
   }
 
   export interface ChannelSettingsUIProps {
-    renderPlaceholderError?: () => React.ReactNode;
-    renderChannelProfile?: () => React.ReactNode;
-    renderModerationPanel?: () => React.ReactNode;
-    renderLeaveChannel?: () => React.ReactNode;
+    renderPlaceholderError?: () => React.ReactNode | React.ReactElement;
+    renderChannelProfile?: () => React.ReactNode | React.ReactElement;
+    renderModerationPanel?: () => React.ReactNode | React.ReactElement;
+    renderLeaveChannel?: () => React.ReactNode | React.ReactElement;
   }
 
   export interface ApplicationUserListQuery {
@@ -393,14 +393,14 @@ declare module "SendbirdUIKitGlobal" {
   }
 
   export type ChannelSettingsContextProps = {
-    children?: React.ReactNode;
+    children?: React.ReactElement;
     channelUrl: string;
     className?: string;
     onCloseClick?(): void;
     onChannelModified?(channel: GroupChannel): void;
     onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): GroupChannelUpdateParams;
     queries?: ChannelSettingsQueries;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode;
+    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
     disableUserProfile?: boolean;
   }
 
@@ -449,7 +449,7 @@ declare module "SendbirdUIKitGlobal" {
 
   export type ChannelContextProps = {
     channelUrl: string;
-    children?: React.ReactNode;
+    children?: React.ReactElement;
     useMessageGrouping?: boolean;
     useReaction?: boolean;
     showSearchIcon?: boolean;
@@ -462,20 +462,20 @@ declare module "SendbirdUIKitGlobal" {
     onSearchClick?(): void;
     replyType?: ReplyType;
     queries?: ChannelQueries;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode;
+    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
     disableUserProfile?: boolean;
     renderUserMentionItem?: (props: { user: User }) => JSX.Element;
   };
 
   export interface ChannelUIProps {
-    renderPlaceholderLoader?: () => React.ReactNode;
-    renderPlaceholderInvalid?: () => React.ReactNode;
-    renderPlaceholderEmpty?: () => React.ReactNode;
-    renderChannelHeader?: () => React.ReactNode;
-    renderMessage?: (props: RenderMessageProps) => React.ComponentType;
-    renderMessageInput?: () => React.ReactNode;
-    renderTypingIndicator?: () => React.ReactNode;
-    renderCustomSeperator?: () => React.ReactNode;
+    renderPlaceholderLoader?: () => React.ReactNode | React.ReactElement;
+    renderPlaceholderInvalid?: () => React.ReactNode | React.ReactElement;
+    renderPlaceholderEmpty?: () => React.ReactNode | React.ReactElement;
+    renderChannelHeader?: () => React.ReactNode | React.ReactElement;
+    renderMessage?: (props: RenderMessageProps) => React.ReactNode | React.ReactElement;
+    renderMessageInput?: () => React.ReactNode | React.ReactElement;
+    renderTypingIndicator?: () => React.ReactNode | React.ReactElement;
+    renderCustomSeperator?: () => React.ReactNode | React.ReactElement;
   }
 
   export type CoreMessageType = AdminMessage | UserMessage | FileMessage;
@@ -497,7 +497,7 @@ declare module "SendbirdUIKitGlobal" {
 
   export interface ChannelProviderInterface extends ChannelContextProps, MessageStoreInterface {
     scrollToMessage?(createdAt: number, messageId: number): void;
-    messageActionTypes: Record<string ,string>;
+    messageActionTypes: Record<string, string>;
     quoteMessage: CoreMessageType;
     setQuoteMessage: React.Dispatch<React.SetStateAction<CoreMessageType>>;
     initialTimeStamp: number;
@@ -513,7 +513,7 @@ declare module "SendbirdUIKitGlobal" {
   }
 
   export type FileViewerProps = {
-    onCancel:() => void;
+    onCancel: () => void;
     message: ClientFileMessage;
   }
 
@@ -524,16 +524,16 @@ declare module "SendbirdUIKitGlobal" {
     chainBottom?: boolean;
     handleScroll: () => void;
     // for extending
-    renderMessage?: (props: RenderMessageProps) => React.ReactNode;
-    renderCustomSeperator?: () => React.ReactNode;
-    renderEditInput?: () => React.ReactNode;
-    renderMessageContent?: () => React.ReactNode;
+    renderMessage?: (props: RenderMessageProps) => React.ReactNode | React.ReactElement;
+    renderCustomSeperator?: () => React.ReactNode | React.ReactElement;
+    renderEditInput?: () => React.ReactNode | React.ReactElement;
+    renderMessageContent?: () => React.ReactNode | React.ReactElement;
   };
 
   export type MessageListProps = {
-    renderMessage?: (props: RenderMessageProps) => React.ReactNode;
-    renderPlaceholderEmpty?: () => React.ReactNode;
-    renderCustomSeperator?: () => React.ReactNode;
+    renderMessage?: (props: RenderMessageProps) => React.ReactNode | React.ReactElement;
+    renderPlaceholderEmpty?: () => React.ReactNode | React.ReactElement;
+    renderCustomSeperator?: () => React.ReactNode | React.ReactElement;
   };
 
   export type SuggestedMentionListProps = {
@@ -598,7 +598,7 @@ declare module "SendbirdUIKitGlobal" {
 
   export interface OpenChannelProviderProps {
     channelUrl: string;
-    children?: React.ReactNode;
+    children?: React.ReactNode | React.ReactElement;
     useMessageGrouping?: boolean;
     queries?: OpenChannelQueries;
     messageLimit?: number;
@@ -606,7 +606,7 @@ declare module "SendbirdUIKitGlobal" {
     onBeforeSendFileMessage?(file_: File): FileMessageCreateParams;
     onChatHeaderActionClick?(): void;
     disableUserProfile?: boolean;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode;
+    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
   }
 
   export interface OpenChannelMessagesState {
@@ -638,24 +638,24 @@ declare module "SendbirdUIKitGlobal" {
   }
 
   export interface OpenChannelUIProps {
-    renderMessage?: (props: RenderMessageProps) => React.ReactNode;
-    renderHeader?: () => React.ReactNode;
-    renderInput?: () => React.ReactNode;
-    renderPlaceHolderEmptyList?: () => React.ReactNode;
-    renderPlaceHolderError?: () => React.ReactNode;
-    renderPlaceHolderLoading?: () => React.ReactNode;
+    renderMessage?: (props: RenderMessageProps) => React.ReactNode | React.ReactElement;
+    renderHeader?: () => React.ReactNode | React.ReactElement;
+    renderInput?: () => React.ReactNode | React.ReactElement;
+    renderPlaceHolderEmptyList?: () => React.ReactNode | React.ReactElement;
+    renderPlaceHolderError?: () => React.ReactNode | React.ReactElement;
+    renderPlaceHolderLoading?: () => React.ReactNode | React.ReactElement;
   }
 
   export interface OpenChannelProps extends OpenChannelProviderProps, OpenChannelUIProps {
   }
 
   export type OpenchannelMessageListProps = {
-    renderMessage?: (props: RenderMessageProps) => React.ReactNode;
-    renderPlaceHolderEmptyList?: () => React.ReactNode;
+    renderMessage?: (props: RenderMessageProps) => React.ReactNode | React.ReactElement;
+    renderPlaceHolderEmptyList?: () => React.ReactNode | React.ReactElement;
   }
 
   export type OpenChannelMessageProps = {
-    renderMessage?: (props: RenderMessageProps) => React.ReactNode;
+    renderMessage?: (props: RenderMessageProps) => React.ReactNode | React.ReactElement;
     message: EveryMessage;
     chainTop?: boolean;
     chainBottom?: boolean;
@@ -668,18 +668,18 @@ declare module "SendbirdUIKitGlobal" {
    */
   export interface OpenChannelSettingsContextProps {
     channelUrl: string;
-    children?: React.ReactNode;
+    children?: React.ReactElement;
     onCloseClick?(): void;
     onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): OpenChannelUpdateParams;
     onChannelModified?(channel: OpenChannel): void;
     onDeleteChannel?(channel: OpenChannel): void;
     disableUserProfile?: boolean;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode;
+    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
   }
 
   export interface OpenChannelSettingsUIProps {
-    renderOperatorUI?: () => React.ReactNode;
-    renderParticipantList?: () => React.ReactNode;
+    renderOperatorUI?: () => React.ReactNode | React.ReactElement;
+    renderParticipantList?: () => React.ReactNode | React.ReactElement;
   }
 
   export interface OpenChannelSettingsProps extends OpenChannelSettingsContextProps, OpenChannelSettingsUIProps {
@@ -692,7 +692,7 @@ declare module "SendbirdUIKitGlobal" {
   }
 
   export interface OperatorUIProps {
-    renderChannelProfile?: () => React.ReactNode;
+    renderChannelProfile?: () => React.ReactNode | React.ReactElement;
   }
 
   export interface OpenChannelEditDetailsProps {
@@ -704,7 +704,7 @@ declare module "SendbirdUIKitGlobal" {
    */
   export interface MessageSearchProviderProps {
     channelUrl: string;
-    children?: React.ReactNode;
+    children?: React.ReactNode | React.ReactElement;
     searchString?: string;
     requestString?: string;
     messageSearchQuery?: MessageSearchQuery;
@@ -740,10 +740,10 @@ declare module "SendbirdUIKitGlobal" {
   }
 
   export interface MessageSearchUIProps {
-    renderPlaceHolderError?: (props: void) => React.ReactNode;
-    renderPlaceHolderLoading?: (props: void) => React.ReactNode;
-    renderPlaceHolderNoString?: (props: void) => React.ReactNode;
-    renderPlaceHolderEmptyList?: (props: void) => React.ReactNode;
+    renderPlaceHolderError?: (props: void) => React.ReactNode | React.ReactElement;
+    renderPlaceHolderLoading?: (props: void) => React.ReactNode | React.ReactElement;
+    renderPlaceHolderNoString?: (props: void) => React.ReactNode | React.ReactElement;
+    renderPlaceHolderEmptyList?: (props: void) => React.ReactNode | React.ReactElement;
     renderSearchItem?(
       {
         message,
@@ -763,7 +763,7 @@ declare module "SendbirdUIKitGlobal" {
    * CreateChannel
    */
   export interface CreateChannelProviderProps {
-    children?: React.ReactNode;
+    children?: React.ReactNode | React.ReactElement;
     onCreateChannel(channel: GroupChannel): void;
     onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;
     userListQuery?(): UserListQuery;
@@ -783,10 +783,10 @@ declare module "SendbirdUIKitGlobal" {
 
   export interface CreateChannelUIProps {
     onCancel?(): void;
-    renderStepOne?:(props: void) => React.ReactNode;
+    renderStepOne?: (props: void) => React.ReactNode | React.ReactElement;
   }
 
-  export interface CreateChannelProps extends CreateChannelProviderProps, CreateChannelUIProps {}
+  export interface CreateChannelProps extends CreateChannelProviderProps, CreateChannelUIProps { }
 
   export interface InviteUsersProps {
     onCancel?: () => void;
@@ -800,7 +800,7 @@ declare module "SendbirdUIKitGlobal" {
    * EditUserProfile
    */
   export interface EditUserProfileProps {
-    children?: React.ReactNode;
+    children?: React.ReactNode | React.ReactElement;
     onCancel?(): void;
     onThemeChange?(theme: string): void;
     onEditProfile?(updatedUser: User): void;
@@ -813,7 +813,7 @@ declare module "SendbirdUIKitGlobal" {
   }
 }
 
-declare module '@sendbird/uikit-react'  {
+declare module '@sendbird/uikit-react' {
   import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
   export const App: React.FunctionComponent<SendbirdUIKitGlobal.AppProps>;
   export const SendBirdProvider: React.FunctionComponent<SendbirdUIKitGlobal.SendbirdProviderProps>;
@@ -826,9 +826,9 @@ declare module '@sendbird/uikit-react'  {
   export const OpenChannelSettings: React.FunctionComponent<SendbirdUIKitGlobal.OpenChannelSettingsProps>
   export const MessageSearch: React.FunctionComponent<SendbirdUIKitGlobal.MessageSearchProps>
   export function withSendBird(
-    ChildComp: React.Component | React.ElementType,
+    ChildComp: React.Component | React.ElementType | React.ReactNode | React.ReactElement,
     mapStoreToProps?: (store: SendbirdUIKitGlobal.SendBirdState) => unknown
-  ): (props: unknown) => React.ReactNode;
+  ): (props: unknown) => React.ReactNode | React.ReactElement;
   export function useSendbirdStateContext(): SendbirdUIKitGlobal.SendBirdState;
 }
 
@@ -859,9 +859,9 @@ declare module '@sendbird/uikit-react/useSendbirdStateContext' {
 declare module '@sendbird/uikit-react/withSendbird' {
   import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
   function withSendbird(
-    ChildComp: React.Component | React.ElementType,
+    ChildComp: React.Component | React.ElementType | React.ReactNode | React.ReactElement,
     mapStoreToProps?: (store: SendbirdUIKitGlobal.SendBirdState) => unknown
-  ): (props: unknown) => React.ReactNode;
+  ): (props: unknown) => React.ReactNode | React.ReactElement;
   export default withSendbird;
 }
 
@@ -893,8 +893,8 @@ declare module '@sendbird/uikit-react/ChannelList' {
 declare module '@sendbird/uikit-react/ChannelList/context' {
   import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
   export const ChannelListProvider: React.FunctionComponent<SendbirdUIKitGlobal.ChannelListProviderProps>;
-  export function useChannelListContext (): SendbirdUIKitGlobal.ChannelListProviderInterface;
-  export function useChannelList (): SendbirdUIKitGlobal.ChannelListProviderInterface;
+  export function useChannelListContext(): SendbirdUIKitGlobal.ChannelListProviderInterface;
+  export function useChannelList(): SendbirdUIKitGlobal.ChannelListProviderInterface;
 }
 
 declare module '@sendbird/uikit-react/ChannelList/components/AddChannel' {
@@ -1174,7 +1174,7 @@ declare module '@sendbird/uikit-react/CreateChannel' {
 declare module '@sendbird/uikit-react/CreateChannel/context' {
   import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
   export const CreateChannelProvider: React.FC<SendbirdUIKitGlobal.CreateChannelProviderProps>;
-  export function useCreateChannelContext (): SendbirdUIKitGlobal.CreateChannelContextInterface;
+  export function useCreateChannelContext(): SendbirdUIKitGlobal.CreateChannelContextInterface;
 }
 
 declare module '@sendbird/uikit-react/CreateChannel/components/CreateChannelUI' {
@@ -1207,7 +1207,7 @@ declare module '@sendbird/uikit-react/EditUserProfile' {
 declare module '@sendbird/uikit-react/EditUserProfile/context' {
   import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
   export const EditUserProfileProvider: React.FC<SendbirdUIKitGlobal.EditUserProfileProps>;
-  export function useEditUserProfileProviderContext (): SendbirdUIKitGlobal.EditUserProfileProviderInterface;
+  export function useEditUserProfileProviderContext(): SendbirdUIKitGlobal.EditUserProfileProviderInterface;
 }
 
 declare module '@sendbird/uikit-react/EditUserProfile/components/EditUserProfileUI' {
@@ -1274,7 +1274,7 @@ declare module '@sendbird/uikit-react/ui/Badge' {
   interface BadgeProps {
     count: number,
     maxLevel?: number,
-    className?: string | string [],
+    className?: string | string[],
   }
   const Badge: React.FC<BadgeProps>;
   export default Badge;
@@ -1282,7 +1282,7 @@ declare module '@sendbird/uikit-react/ui/Badge' {
 
 declare module '@sendbird/uikit-react/ui/Button' {
   interface ButtonProps {
-    className?: string | string[];
+    className?: string | Array<string>;
     type?: 'PRIMARY' | 'SECONDARY' | 'DANGER' | 'DISABLED';
     size?: 'BIG' | 'SMALL';
     children?: string | React.ReactElement;
@@ -1377,21 +1377,19 @@ declare module '@sendbird/uikit-react/ui/ContextMenu' {
 }
 
 declare module '@sendbird/uikit-react/ui/DateSeparator' {
-  enum COLORS {
-    ONBACKGROUND_1 ='ONBACKGROUND_1',
-    ONBACKGROUND_2 ='ONBACKGROUND_2',
-    ONBACKGROUND_3 ='ONBACKGROUND_3',
-    ONBACKGROUND_4 ='ONBACKGROUND_4',
-    ONCONTENT_1 ='ONCONTENT_1',
-    ONCONTENT_2 ='ONCONTENT_2',
-    PRIMARY ='PRIMARY',
-    ERROR ='ERROR',
-    SECONDARY_3 ='SECONDARY_3',
+  enum Colors {
+    ONBACKGROUND_1,
+    ONBACKGROUND_2,
+    ONBACKGROUND_3,
+    ONBACKGROUND_4,
+    ONCONTENT_1,
+    PRIMARY,
+    ERROR,
   }
   interface DateSeparatorProps {
-    className?: string | string[];
+    className?: string | Array<string>;
     children?: string | React.ReactElement,
-    separatorColor: COLORS,
+    separatorColor?: Colors,
   }
   const DateSeparator: React.FC<DateSeparatorProps>;
   export default DateSeparator;
@@ -1471,7 +1469,7 @@ declare module '@sendbird/uikit-react/ui/Icon' {
 
 declare module '@sendbird/uikit-react/ui/IconButton' {
   interface IconButtonProps {
-    className?: string | string[],
+    className?: string | Array<string>,
     children?: string | React.ReactElement,
     disabled?: boolean,
     width?: number,
@@ -1486,9 +1484,9 @@ declare module '@sendbird/uikit-react/ui/IconButton' {
 
 declare module '@sendbird/uikit-react/ui/ImageRenderer' {
   interface ImageRendererProps {
-    className?: string | string[],
+    className?: string | Array<string>,
     defaultComponent?: () => React.ReactElement,
-    placeHolder?:  () => React.ReactElement,
+    placeHolder?: () => React.ReactElement,
     alt?: string,
     width?: number,
     height?: number,
@@ -1515,7 +1513,7 @@ declare module '@sendbird/uikit-react/ui/Input' {
 
 declare module '@sendbird/uikit-react/ui/Label' {
   interface LabelProps {
-    className: string[],
+    className: Array<string>,
     type: string,
     color: string,
     children: React.ReactElement,
@@ -1526,7 +1524,7 @@ declare module '@sendbird/uikit-react/ui/Label' {
 
 declare module '@sendbird/uikit-react/ui/LinkLabel' {
   interface LinkLabelProps {
-    className?: string[],
+    className?: Array<string>,
     src: string,
     type?: string,
     color?: string,
@@ -1538,7 +1536,7 @@ declare module '@sendbird/uikit-react/ui/LinkLabel' {
 
 declare module '@sendbird/uikit-react/ui/Loader' {
   interface LoaderProps {
-    className?: string[],
+    className?: Array<string>,
     width?: number,
     height?: number,
     children: React.ReactElement | string,
@@ -1602,7 +1600,7 @@ declare module '@sendbird/uikit-react/ui/MessageInput' {
   import type { User } from '@sendbird/chat';
 
   interface MessageInputProps {
-    className?: string[],
+    className?: Array<string>,
     isEdit?: boolean,
     isMentionEnabled?: boolean;
     disabled?: boolean,
@@ -1689,7 +1687,7 @@ declare module '@sendbird/uikit-react/ui/MessageSearchItem' {
     message: SendbirdUIKitGlobal.ClientUserMessage;
     selected?: boolean;
     onClick?: (message: SendbirdUIKitGlobal.ClientMessage) => void;
-    }
+  }
   const MessageSearchItem: React.FC<MessageSearchItemProps>;
   export default MessageSearchItem;
 
@@ -1711,7 +1709,7 @@ declare module '@sendbird/uikit-react/ui/MessageStatus' {
 
 declare module '@sendbird/uikit-react/ui/Modal' {
   interface ModalProps {
-    className?: string[],
+    className?: Array<string>,
     onCancel: () => void,
     onSubmit: () => void,
     hideFooter?: boolean,
@@ -1898,13 +1896,22 @@ declare module '@sendbird/uikit-react/ui/SortByRow' {
 }
 
 declare module '@sendbird/uikit-react/ui/TextButton' {
+  enum Colors {
+    ONBACKGROUND_1,
+    ONBACKGROUND_2,
+    ONBACKGROUND_3,
+    ONBACKGROUND_4,
+    ONCONTENT_1,
+    PRIMARY,
+    ERROR,
+  }
   interface TextButtonProps {
-    children?: React.ReactElement;
+    children: React.ReactElement;
     className?: string | Array<string>;
-    color?: 'ONBACKGROUND_1' | 'ONBACKGROUND_2' | 'ONBACKGROUND_3' | 'ONBACKGROUND_4' | 'ONCONTENT_1' | 'PRIMARY' | 'ERROR',
-    disabled?: boolean,
-    notUnderline?: boolean,
-    onClick?: () => void,
+    color?: Colors;
+    disabled?: boolean;
+    disableUnderline?: boolean;
+    onClick?: (e: (React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>)) => void;
   }
   const TextButton: React.FC<TextButtonProps>;
   export default TextButton;
@@ -1967,7 +1974,7 @@ declare module '@sendbird/uikit-react/ui/UnknownMessageItemBody' {
 }
 
 declare module '@sendbird/uikit-react/ui/UserListItem' {
-  import type  { User } from '@sendbird/chat';
+  import type { User } from '@sendbird/chat';
   interface UserListItemProps {
     className?: string | Array<string>;
     user?: User,
@@ -1983,9 +1990,9 @@ declare module '@sendbird/uikit-react/ui/UserListItem' {
 }
 
 declare module '@sendbird/uikit-react/ui/UserProfile' {
-  import type  { User } from '@sendbird/chat';
-  import type  { SendbirdGroupChat, GroupChannelCreateParams, GroupChannel } from '@sendbird/chat/groupChannel';
-  import type  { SendbirdOpenChat } from '@sendbird/chat/openChannel';
+  import type { User } from '@sendbird/chat';
+  import type { SendbirdGroupChat, GroupChannelCreateParams, GroupChannel } from '@sendbird/chat/groupChannel';
+  import type { SendbirdOpenChat } from '@sendbird/chat/openChannel';
   import type SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
   interface UserProfileProps {
     user: User;