fix: stop rendering default spacer view

Author: isekovanic

package/src/components/Channel/Channel.tsx

@@ -159,7 +159,6 @@ import { MessageHeader as MessageHeaderDefault } from '../Message/MessageItemVie
 import { MessageItemView as MessageItemViewDefault } from '../Message/MessageItemView/MessageItemView';
 import { MessageReplies as MessageRepliesDefault } from '../Message/MessageItemView/MessageReplies';
 import { MessageRepliesAvatars as MessageRepliesAvatarsDefault } from '../Message/MessageItemView/MessageRepliesAvatars';
-import { MessageSpacer as MessageSpacerDefault } from '../Message/MessageItemView/MessageSpacer';
 import { MessageStatus as MessageStatusDefault } from '../Message/MessageItemView/MessageStatus';
 import { MessageSwipeContent as MessageSwipeContentDefault } from '../Message/MessageItemView/MessageSwipeContent';
 import { MessageTimestamp as MessageTimestampDefault } from '../Message/MessageItemView/MessageTimestamp';
@@ -721,7 +720,7 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     MessageReactionPicker = MessageReactionPickerDefault,
     MessageReplies = MessageRepliesDefault,
     MessageRepliesAvatars = MessageRepliesAvatarsDefault,
-    MessageSpacer = MessageSpacerDefault,
+    MessageSpacer,
     MessageItemView = MessageItemViewDefault,
     MessageStatus = MessageStatusDefault,
     MessageSwipeContent = MessageSwipeContentDefault,

package/src/components/Message/MessageItemView/MessageItemView.tsx

@@ -359,7 +359,7 @@ const MessageItemViewWithContext = forwardRef<View, MessageItemViewPropsWithCont
               <MessageFooter date={message.created_at} />
             </View>
           )}
-          <MessageSpacer />
+          {MessageSpacer ? <MessageSpacer /> : null}
         </View>
       </View>
     );

package/src/components/Message/MessageItemView/MessageSpacer.tsx

@@ -97,7 +97,6 @@ export * from './Message/MessageItemView/Headers';
 export * from './Message/MessageItemView/MessageReplies';
 export * from './Message/MessageItemView/MessageRepliesAvatars';
 export * from './Message/MessageItemView/MessageItemView';
-export * from './Message/MessageItemView/MessageSpacer';
 export * from './Message/MessageItemView/MessageStatus';
 export * from './Message/MessageItemView/MessageTextContainer';
 export * from './Message/MessageItemView/MessageTimestamp';

package/src/components/index.ts

@@ -293,10 +293,9 @@ export type MessagesContextValue = Pick<MessageContextValue, 'isMessageAIGenerat
    */
   MessageRepliesAvatars: React.ComponentType<MessageRepliesAvatarsProps>;
   /**
-   * UI component for overriding the empty space on a message row. If the message is left aligned, it will be to the right of it - otherwise left.
-   * Defaults to: [MessageSpacer](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageItemView/MessageSpacer.tsx)
+   * Optional UI component for overriding the empty space on a message row. If the message is left aligned, it will be to the right of it - otherwise left.
    */
-  MessageSpacer: React.ComponentType;
+  MessageSpacer?: React.ComponentType;
   /**
    * UI component for MessageItemView. It encapsulates the entirety of a message row.
    * Defaults to: [MessageItemView](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageItemView/MessageItemView.tsx)