When long-pressing on messages in the SendBird chat interface, the reactions bottom sheet appears but displays no emoji options

Sendbird Chat UIKit React Native
1

Problem
When long-pressing on messages in the SendBird chat interface, the reactions bottom sheet appears but displays no emoji options. The sheet is empty despite having enableReactions: true in the UIKit configuration.

[UIKit Version]
Framework: React Native with Expo SDK 53
SendBird UIKit: @sendbird/uikit-react-native@3.10.0
Package Manager: Bun
Platform: iOS (primary), Android

[Reproduction Steps]

<SendbirdUIKitContainer
          appId={APP_ID}
          uikitOptions={{
            groupChannel: {
              enableReactions: true,
              enableFeedback: true,
            },
          }}
          chatOptions={{
            localCacheStorage: mmkv,
            enableAutoPushTokenRegistration: true,
            onInitialized: SetSendbirdSDK,
          }}
          platformServices={platformServices}
        >
//Rest of the App
        </SendbirdUIKitContainer>

Platform Services

export const platformServices: SendbirdUIKitContainerProps["platformServices"] = {
  clipboard: createExpoClipboardService(ExpoClipboard),
  notification: createExpoNotificationService(ExpoNotifications),
  file: createExpoFileService({
    fsModule: ExpoFS,
    imagePickerModule: ExpoImagePicker,
    mediaLibraryModule: ExpoMediaLibrary,
    documentPickerModule: ExpoDocumentPicker,
  }),
  media: createExpoMediaService({
    avModule: ExpoAV,
    thumbnailModule: ExpoVideoThumbnail,
    imageManipulator: ExpoImageManipulator,
    fsModule: ExpoFS,
  }),
  player: createExpoPlayerService({
    avModule: ExpoAV,
  }),
  recorder: createExpoRecorderService({
    avModule: ExpoAV,
  }),
};

Chat Screen

<GroupChannelFragment
            onPressMediaMessage={(fileMessage, deleteMessage) => {
              // Navigate to media viewer
              router.push({
                pathname: '/file-viewer',
                params: {
                  serializedFileMessage: JSON.stringify(fileMessage.serialize()),
                  deleteMessage: deleteMessage ? JSON.stringify(deleteMessage) : undefined,
                },
              });
            }}
            enableTypingIndicator={true}
            enableMessageGrouping={true}
            channel={channel}
            onPressHeaderLeft={() => {}}
            onPressHeaderRight={navigateToGroupChannelSettingsScreen}
            onChannelDeleted={navigateToGroupChannelListScreen}
          />

[Frequency]
Its been there since the installation of the React Native UI Kit by Senbird.

[Current impact]
Reactions are not visible. Only empty bottom sheet when enableReactions is set to true.

2

it appears that Sendbird might be conflicting with nativewind. I have found that adding the following lines to the babel.config.js file consistently reproduces the issue:

module.exports = function (api) {
  api.cache(true);
  return {
    presets: [['babel-preset-expo', { jsxImportSource: 'nativewind' }], 'nativewind/babel'],// This line causes the issue.
    plugins: [
      'react-native-reanimated/plugin', 
    ],
  };
};