Merge pull request #209 from sendbird/fix/this-binding-issues

fix: resolve this binding issues

Author: bang9

packages/uikit-chat-hooks/src/common/useUserList.ts

@@ -119,7 +119,7 @@ export const useUserList = <
   });
 
   const next = useFreshCallback(async () => {
-    if (query.current && query.current?.hasNext) {
+    if (query.current && query.current?.hasNext && !query.current.isLoading) {
       const nextUsers = await query.current.next().catch((e) => {
         Logger.error(e);
         if (e.code === SBErrorCode.UNAUTHORIZED_REQUEST) Logger.warn(SBErrorMessage.ACL);

packages/uikit-react-native/src/components/ChannelInput/index.tsx

@@ -192,7 +192,7 @@ const useTypingTrigger = (text: string, channel: SendbirdBaseChannel) => {
     () => {
       function triggerTyping() {
         if (channel.isGroupChannel()) {
-          const action = text.length === 0 ? channel.endTyping : channel.startTyping;
+          const action = () => (text.length === 0 ? channel.endTyping() : channel.startTyping());
           action().catch((error) => {
             Logger.debug('ChannelInput: Failed to trigger typing', error);
           });

packages/uikit-react-native/src/components/ReactionAddons/BottomSheetReactionAddon.tsx

@@ -47,7 +47,10 @@ const BottomSheetReactionAddon = ({ onClose, message, channel }: Props) => {
         const reacted = currentUserIdx > -1;
 
         const onPress = async () => {
-          const action = reacted ? channel.deleteReaction : channel.addReaction;
+          const action = (message: BaseMessage, key: string) => {
+            return reacted ? channel.deleteReaction(message, key) : channel.addReaction(message, key);
+          };
+
           await action(message, key)
             .catch((error) => {
               Logger.warn('Failed to reaction', error);

packages/uikit-react-native/src/components/ReactionBottomSheets/ReactionListBottomSheet.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { FlatList, Pressable, View, useWindowDimensions } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
+import type { BaseMessage } from '@sendbird/chat/message';
 import { Image, Modal, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { Logger } from '@sendbird/uikit-utils';
 
@@ -56,7 +57,10 @@ const ReactionListBottomSheet = ({ visible, onClose, onDismiss, reactionCtx, cha
                   key={key}
                   onPress={async () => {
                     if (message && channel) {
-                      const action = reacted ? channel.deleteReaction : channel.addReaction;
+                      const action = (message: BaseMessage, key: string) => {
+                        return reacted ? channel.deleteReaction(message, key) : channel.addReaction(message, key);
+                      };
+
                       action(message, key).catch((error) => {
                         Logger.warn('Failed to reaction', error);
                       });

packages/uikit-react-native/src/hooks/usePushTokenRegistration.ts

@@ -21,8 +21,8 @@ const usePushTokenRegistration = () => {
         default: (token: string) => sdk.unregisterFCMPushTokenForCurrentUser(token),
       }),
       Platform.select({
-        ios: notificationService.getAPNSToken,
-        default: notificationService.getFCMToken,
+        ios: () => notificationService.getAPNSToken(),
+        default: () => notificationService.getFCMToken(),
       }),
     ];
   });