stream-chat-react-native-core 6.6.8-beta.3 → 7.0.0-rc.2

package/src/components/Message/MessageSimple/MessageFooter.tsx

@@ -20,7 +20,6 @@ import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 import { Eye } from '../../../icons';
 
-import type { DefaultStreamChatGenerics } from '../../../types/types';
 import { isEditedMessage, MessageStatusTypes } from '../../../utils/utils';
 import type { MessageType } from '../../MessageList/hooks/useMessageList';
 
@@ -30,10 +29,8 @@ type MessageFooterComponentProps = {
   isDeleted?: boolean;
 };
 
-type MessageFooterPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<
-  MessageContextValue<StreamChatGenerics>,
+type MessageFooterPropsWithContext = Pick<
+  MessageContextValue,
   | 'alignment'
   | 'isEditedMessageOpen'
   | 'members'
@@ -44,7 +41,7 @@ type MessageFooterPropsWithContext<
   | 'isMessageAIGenerated'
 > &
   Pick<
-    MessagesContextValue<StreamChatGenerics>,
+    MessagesContextValue,
     | 'deletedMessagesVisibilityType'
     | 'MessageEditedTimestamp'
     | 'MessageStatus'
@@ -83,11 +80,7 @@ const OnlyVisibleToYouComponent = ({ alignment }: { alignment: Alignment }) => {
   );
 };
 
-const MessageFooterWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MessageFooterPropsWithContext<StreamChatGenerics>,
-) => {
+const MessageFooterWithContext = (props: MessageFooterPropsWithContext) => {
   const {
     alignment,
     date,
@@ -177,9 +170,9 @@ const MessageFooterWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: MessageFooterPropsWithContext<StreamChatGenerics>,
-  nextProps: MessageFooterPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: MessageFooterPropsWithContext,
+  nextProps: MessageFooterPropsWithContext,
 ) => {
   const {
     alignment: prevAlignment,
@@ -274,23 +267,17 @@ const MemoizedMessageFooter = React.memo(
   areEqual,
 ) as typeof MessageFooterWithContext;
 
-export type MessageFooterProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<Pick<ChannelContextValue<StreamChatGenerics>, 'members'>> &
+export type MessageFooterProps = Partial<Pick<ChannelContextValue, 'members'>> &
   MessageFooterComponentProps & {
     alignment?: Alignment;
     lastGroupMessage?: boolean;
-    message?: MessageType<StreamChatGenerics>;
-    MessageStatus?: React.ComponentType<MessageStatusProps<StreamChatGenerics>>;
-    otherAttachments?: Attachment<StreamChatGenerics>[];
+    message?: MessageType;
+    MessageStatus?: React.ComponentType<MessageStatusProps>;
+    otherAttachments?: Attachment[];
     showMessageStatus?: boolean;
   };
 
-export const MessageFooter = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MessageFooterProps<StreamChatGenerics>,
-) => {
+export const MessageFooter = (props: MessageFooterProps) => {
   const {
     alignment,
     isEditedMessageOpen,
@@ -300,10 +287,10 @@ export const MessageFooter = <
     message,
     otherAttachments,
     showMessageStatus,
-  } = useMessageContext<StreamChatGenerics>();
+  } = useMessageContext();
 
   const { deletedMessagesVisibilityType, MessageEditedTimestamp, MessageStatus, MessageTimestamp } =
-    useMessagesContext<StreamChatGenerics>();
+    useMessagesContext();
 
   return (
     <MemoizedMessageFooter

package/src/components/Message/MessageSimple/MessagePinnedHeader.tsx

@@ -10,19 +10,11 @@ import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 import { PinHeader } from '../../../icons';
 
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+export type MessagePinnedHeaderProps = Partial<Pick<MessageContextValue, 'message'>>;
 
-export type MessagePinnedHeaderProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<Pick<MessageContextValue<StreamChatGenerics>, 'message'>>;
-
-export const MessagePinnedHeader = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MessagePinnedHeaderProps<StreamChatGenerics>,
-) => {
+export const MessagePinnedHeader = (props: MessagePinnedHeaderProps) => {
   const { message: propMessage } = props;
-  const { message: contextMessage } = useMessageContext<StreamChatGenerics>();
+  const { message: contextMessage } = useMessageContext();
   const message = propMessage || contextMessage;
   const {
     theme: {

package/src/components/Message/MessageSimple/MessageReplies.tsx

@@ -15,8 +15,6 @@ import {
   useTranslationContext,
 } from '../../../contexts/translationContext/TranslationContext';
 
-import type { DefaultStreamChatGenerics } from '../../../types/types';
-
 const styles = StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -48,10 +46,8 @@ const styles = StyleSheet.create({
   },
 });
 
-export type MessageRepliesPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<
-  MessageContextValue<StreamChatGenerics>,
+export type MessageRepliesPropsWithContext = Pick<
+  MessageContextValue,
   | 'alignment'
   | 'message'
   | 'onLongPress'
@@ -61,17 +57,13 @@ export type MessageRepliesPropsWithContext<
   | 'preventPress'
   | 'threadList'
 > &
-  Pick<MessagesContextValue<StreamChatGenerics>, 'MessageRepliesAvatars'> &
+  Pick<MessagesContextValue, 'MessageRepliesAvatars'> &
   Pick<TranslationContextValue, 't'> & {
     noBorder?: boolean;
     repliesCurveColor?: ColorValue;
   };
 
-const MessageRepliesWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MessageRepliesPropsWithContext<StreamChatGenerics>,
-) => {
+const MessageRepliesWithContext = (props: MessageRepliesPropsWithContext) => {
   const {
     alignment,
     message,
@@ -175,9 +167,9 @@ const MessageRepliesWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: MessageRepliesPropsWithContext<StreamChatGenerics>,
-  nextProps: MessageRepliesPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: MessageRepliesPropsWithContext,
+  nextProps: MessageRepliesPropsWithContext,
 ) => {
   const {
     message: prevMessage,
@@ -234,15 +226,9 @@ const MemoizedMessageReplies = React.memo(
   areEqual,
 ) as typeof MessageRepliesWithContext;
 
-export type MessageRepliesProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<MessageRepliesPropsWithContext<StreamChatGenerics>>;
+export type MessageRepliesProps = Partial<MessageRepliesPropsWithContext>;
 
-export const MessageReplies = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MessageRepliesProps<StreamChatGenerics>,
-) => {
+export const MessageReplies = (props: MessageRepliesProps) => {
   const {
     alignment,
     message,
@@ -252,8 +238,8 @@ export const MessageReplies = <
     onPressIn,
     preventPress,
     threadList,
-  } = useMessageContext<StreamChatGenerics>();
-  const { MessageRepliesAvatars } = useMessagesContext<StreamChatGenerics>();
+  } = useMessageContext();
+  const { MessageRepliesAvatars } = useMessagesContext();
   const { t } = useTranslationContext();
 
   return (

package/src/components/Message/MessageSimple/MessageRepliesAvatars.tsx

@@ -5,7 +5,6 @@ import { ChatContextValue, useChatContext } from '../../../contexts/chatContext/
 import type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 
-import type { DefaultStreamChatGenerics } from '../../../types/types';
 import { Avatar } from '../../Avatar/Avatar';
 
 const styles = StyleSheet.create({
@@ -20,14 +19,10 @@ const styles = StyleSheet.create({
   },
 });
 
-export type MessageRepliesAvatarsProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageContextValue<StreamChatGenerics>, 'alignment' | 'message'>;
+export type MessageRepliesAvatarsProps = Pick<MessageContextValue, 'alignment' | 'message'>;
 
-export const MessageRepliesAvatarsWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MessageRepliesAvatarsProps<StreamChatGenerics> & Pick<ChatContextValue, 'ImageComponent'>,
+export const MessageRepliesAvatarsWithContext = (
+  props: MessageRepliesAvatarsProps & Pick<ChatContextValue, 'ImageComponent'>,
 ) => {
   const { alignment, ImageComponent, message } = props;
 
@@ -88,11 +83,7 @@ export const MessageRepliesAvatarsWithContext = <
   );
 };
 
-export const MessageRepliesAvatars = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MessageRepliesAvatarsProps<StreamChatGenerics>,
-) => {
+export const MessageRepliesAvatars = (props: MessageRepliesAvatarsProps) => {
   const { ImageComponent } = useChatContext();
 
   return <MessageRepliesAvatarsWithContext {...props} ImageComponent={ImageComponent} />;

package/src/components/Message/MessageSimple/MessageSimple.tsx

@@ -23,7 +23,7 @@ import {
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 
 import { triggerHaptic } from '../../../native';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import { useMessageData } from '../hooks/useMessageData';
 
 const styles = StyleSheet.create({
@@ -54,10 +54,8 @@ const styles = StyleSheet.create({
   },
 });
 
-export type MessageSimplePropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<
-  MessageContextValue<StreamChatGenerics>,
+export type MessageSimplePropsWithContext = Pick<
+  MessageContextValue,
   | 'alignment'
   | 'channel'
   | 'groupStyles'
@@ -71,7 +69,7 @@ export type MessageSimplePropsWithContext<
   | 'showMessageStatus'
 > &
   Pick<
-    MessagesContextValue<StreamChatGenerics>,
+    MessagesContextValue,
     | 'clearQuotedMessageState'
     | 'enableMessageGroupingByUser'
     | 'enableSwipeToReply'
@@ -92,11 +90,7 @@ export type MessageSimplePropsWithContext<
     | 'setQuotedMessageState'
   >;
 
-const MessageSimpleWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MessageSimplePropsWithContext<StreamChatGenerics>,
-) => {
+const MessageSimpleWithContext = (props: MessageSimplePropsWithContext) => {
   const [messageContentWidth, setMessageContentWidth] = useState(0);
   const { width } = Dimensions.get('screen');
   const {
@@ -390,9 +384,9 @@ const MessageSimpleWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: MessageSimplePropsWithContext<StreamChatGenerics>,
-  nextProps: MessageSimplePropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: MessageSimplePropsWithContext,
+  nextProps: MessageSimplePropsWithContext,
 ) => {
   const {
     channel: prevChannel,
@@ -529,19 +523,13 @@ const MemoizedMessageSimple = React.memo(
   areEqual,
 ) as typeof MessageSimpleWithContext;
 
-export type MessageSimpleProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<MessageSimplePropsWithContext<StreamChatGenerics>>;
+export type MessageSimpleProps = Partial<MessageSimplePropsWithContext>;
 
 /**
  *
  * Message UI component
  */
-export const MessageSimple = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MessageSimpleProps<StreamChatGenerics>,
-) => {
+export const MessageSimple = (props: MessageSimpleProps) => {
   const {
     alignment,
     channel,
@@ -554,7 +542,7 @@ export const MessageSimple = <
     onlyEmojis,
     otherAttachments,
     showMessageStatus,
-  } = useMessageContext<StreamChatGenerics>();
+  } = useMessageContext();
   const {
     clearQuotedMessageState,
     enableMessageGroupingByUser,
@@ -574,10 +562,10 @@ export const MessageSimple = <
     reactionListPosition,
     ReactionListTop,
     setQuotedMessageState,
-  } = useMessagesContext<StreamChatGenerics>();
+  } = useMessagesContext();
 
   return (
-    <MemoizedMessageSimple<StreamChatGenerics>
+    <MemoizedMessageSimple
       {...{
         alignment,
         channel,

package/src/components/Message/MessageSimple/MessageStatus.tsx

@@ -9,20 +9,14 @@ import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { Check } from '../../../icons/Check';
 import { CheckAll } from '../../../icons/CheckAll';
 import { Time } from '../../../icons/Time';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import { MessageStatusTypes } from '../../../utils/utils';
 
 import { isMessageWithStylesReadByAndDateSeparator } from '../../MessageList/hooks/useMessageList';
 
-export type MessageStatusPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageContextValue<StreamChatGenerics>, 'message' | 'threadList'>;
+export type MessageStatusPropsWithContext = Pick<MessageContextValue, 'message' | 'threadList'>;
 
-const MessageStatusWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MessageStatusPropsWithContext<StreamChatGenerics>,
-) => {
+const MessageStatusWithContext = (props: MessageStatusPropsWithContext) => {
   const { message, threadList } = props;
 
   const {
@@ -79,9 +73,9 @@ const MessageStatusWithContext = <
   return null;
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: MessageStatusPropsWithContext<StreamChatGenerics>,
-  nextProps: MessageStatusPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: MessageStatusPropsWithContext,
+  nextProps: MessageStatusPropsWithContext,
 ) => {
   const { message: prevMessage, threadList: prevThreadList } = prevProps;
   const { message: nextMessage, threadList: nextThreadList } = nextProps;
@@ -108,16 +102,10 @@ const MemoizedMessageStatus = React.memo(
   areEqual,
 ) as typeof MessageStatusWithContext;
 
-export type MessageStatusProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<MessageStatusPropsWithContext<StreamChatGenerics>>;
+export type MessageStatusProps = Partial<MessageStatusPropsWithContext>;
 
-export const MessageStatus = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MessageStatusProps<StreamChatGenerics>,
-) => {
-  const { message, threadList } = useMessageContext<StreamChatGenerics>();
+export const MessageStatus = (props: MessageStatusProps) => {
+  const { message, threadList } = useMessageContext();
 
   return <MemoizedMessageStatus {...{ message, threadList }} {...props} />;
 };

package/src/components/Message/MessageSimple/MessageTextContainer.tsx

@@ -15,28 +15,24 @@ import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 
 import type { MarkdownStyle, Theme } from '../../../contexts/themeContext/utils/theme';
 import { useTranslatedMessage } from '../../../hooks/useTranslatedMessage';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import type { MessageType } from '../../MessageList/hooks/useMessageList';
 
 const styles = StyleSheet.create({
   textContainer: { maxWidth: 250, paddingHorizontal: 16 },
 });
 
-export type MessageTextProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = MessageTextContainerProps<StreamChatGenerics> & {
-  renderText: (params: RenderTextParams<StreamChatGenerics>) => React.ReactNode | null;
+export type MessageTextProps = MessageTextContainerProps & {
+  renderText: (params: RenderTextParams) => React.ReactNode | null;
   theme: { theme: Theme };
 };
 
-export type MessageTextContainerPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<
-  MessageContextValue<StreamChatGenerics>,
+export type MessageTextContainerPropsWithContext = Pick<
+  MessageContextValue,
   'message' | 'onLongPress' | 'onlyEmojis' | 'onPress' | 'preventPress'
 > &
   Pick<
-    MessagesContextValue<StreamChatGenerics>,
+    MessagesContextValue,
     'markdownRules' | 'MessageText' | 'myMessageTheme' | 'messageTextNumberOfLines'
   > & {
     markdownStyles?: MarkdownStyle;
@@ -46,11 +42,7 @@ export type MessageTextContainerPropsWithContext<
     }>;
   };
 
-const MessageTextContainerWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MessageTextContainerPropsWithContext<StreamChatGenerics>,
-) => {
+const MessageTextContainerWithContext = (props: MessageTextContainerPropsWithContext) => {
   const theme = useTheme();
 
   const {
@@ -79,9 +71,7 @@ const MessageTextContainerWithContext = <
     },
   } = theme;
 
-  const translatedMessage = useTranslatedMessage<StreamChatGenerics>(
-    message,
-  ) as MessageType<StreamChatGenerics>;
+  const translatedMessage = useTranslatedMessage(message) as MessageType;
 
   if (!message.text) {
     return null;
@@ -97,7 +87,7 @@ const MessageTextContainerWithContext = <
       {MessageText ? (
         <MessageText {...props} renderText={renderText} theme={theme} />
       ) : (
-        renderText<StreamChatGenerics>({
+        renderText({
           colors,
           markdownRules,
           markdownStyles: {
@@ -117,9 +107,9 @@ const MessageTextContainerWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: MessageTextContainerPropsWithContext<StreamChatGenerics>,
-  nextProps: MessageTextContainerPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: MessageTextContainerPropsWithContext,
+  nextProps: MessageTextContainerPropsWithContext,
 ) => {
   const {
     markdownStyles: prevMarkdownStyles,
@@ -188,19 +178,12 @@ const MemoizedMessageTextContainer = React.memo(
   areEqual,
 ) as typeof MessageTextContainerWithContext;
 
-export type MessageTextContainerProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<MessageTextContainerPropsWithContext<StreamChatGenerics>>;
+export type MessageTextContainerProps = Partial<MessageTextContainerPropsWithContext>;
 
-export const MessageTextContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MessageTextContainerProps<StreamChatGenerics>,
-) => {
-  const { message, onLongPress, onlyEmojis, onPress, preventPress } =
-    useMessageContext<StreamChatGenerics>();
+export const MessageTextContainer = (props: MessageTextContainerProps) => {
+  const { message, onLongPress, onlyEmojis, onPress, preventPress } = useMessageContext();
   const { markdownRules, MessageText, messageTextNumberOfLines, myMessageTheme } =
-    useMessagesContext<StreamChatGenerics>();
+    useMessagesContext();
 
   return (
     <MemoizedMessageTextContainer

package/src/components/Message/MessageSimple/ReactionList/ReactionListBottom.tsx

@@ -14,7 +14,7 @@ import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
 import { Unknown } from '../../../../icons/Unknown';
 
 import type { IconProps } from '../../../../icons/utils/base';
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
+
 import type { ReactionData } from '../../../../utils/utils';
 import { ReactionSummary } from '../../hooks/useProcessReactions';
 
@@ -31,11 +31,9 @@ const Icon = ({ pathFill, size, style, supportedReactions, type }: Props) => {
   return <ReactionIcon height={size} pathFill={pathFill} style={style} width={size} />;
 };
 
-export type ReactionListBottomItemProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<
+export type ReactionListBottomItemProps = Partial<
   Pick<
-    MessageContextValue<StreamChatGenerics>,
+    MessageContextValue,
     | 'handleReaction'
     | 'onLongPress'
     | 'onPress'
@@ -44,15 +42,11 @@ export type ReactionListBottomItemProps<
     | 'showMessageOverlay'
   >
 > &
-  Partial<Pick<MessagesContextValue<StreamChatGenerics>, 'supportedReactions'>> & {
+  Partial<Pick<MessagesContextValue, 'supportedReactions'>> & {
     reaction: ReactionSummary;
   };
 
-export const ReactionListBottomItem = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ReactionListBottomItemProps<StreamChatGenerics>,
-) => {
+export const ReactionListBottomItem = (props: ReactionListBottomItemProps) => {
   const {
     handleReaction,
     onLongPress,
@@ -174,11 +168,9 @@ const renderItem = ({ index, item }: { index: number; item: ReactionListBottomIt
   />
 );
 
-export type ReactionListBottomProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<
+export type ReactionListBottomProps = Partial<
   Pick<
-    MessageContextValue<StreamChatGenerics>,
+    MessageContextValue,
     | 'handleReaction'
     | 'hasReactions'
     | 'onLongPress'
@@ -189,13 +181,9 @@ export type ReactionListBottomProps<
     | 'showMessageOverlay'
   >
 > &
-  Partial<Pick<MessagesContextValue<StreamChatGenerics>, 'supportedReactions'>>;
+  Partial<Pick<MessagesContextValue, 'supportedReactions'>>;
 
-export const ReactionListBottom = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ReactionListBottomProps<StreamChatGenerics>,
-) => {
+export const ReactionListBottom = (props: ReactionListBottomProps) => {
   const {
     handleReaction: propHandlerReaction,
     hasReactions: propHasReactions,
@@ -217,10 +205,9 @@ export const ReactionListBottom = <
     preventPress: contextPreventPress,
     reactions: contextReactions,
     showMessageOverlay: contextShowMessageOverlay,
-  } = useMessageContext<StreamChatGenerics>();
+  } = useMessageContext();
 
-  const { supportedReactions: contextSupportedReactions } =
-    useMessagesContext<StreamChatGenerics>();
+  const { supportedReactions: contextSupportedReactions } = useMessagesContext();
 
   const handleReaction = propHandlerReaction || contextHandleReaction;
   const hasReactions = propHasReactions || contextHasReactions;

package/src/components/Message/MessageSimple/ReactionList/ReactionListTop.tsx

@@ -14,7 +14,7 @@ import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
 import { Unknown } from '../../../../icons/Unknown';
 
 import type { IconProps } from '../../../../icons/utils/base';
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
+
 import type { ReactionData } from '../../../../utils/utils';
 import { ReactionSummary } from '../../hooks/useProcessReactions';
 
@@ -35,19 +35,13 @@ const Icon = ({ pathFill, size, style, supportedReactions, type }: Props) => {
   );
 };
 
-export type ReactionListTopItemProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<Pick<MessageContextValue<StreamChatGenerics>, 'reactions'>> &
-  Partial<Pick<MessagesContextValue<StreamChatGenerics>, 'supportedReactions'>> & {
+export type ReactionListTopItemProps = Partial<Pick<MessageContextValue, 'reactions'>> &
+  Partial<Pick<MessagesContextValue, 'supportedReactions'>> & {
     index: number;
     reaction: ReactionSummary;
   };
 
-export const ReactionListTopItem = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ReactionListTopItemProps<StreamChatGenerics>,
-) => {
+export const ReactionListTopItem = (props: ReactionListTopItemProps) => {
   const { index, reaction, reactions, supportedReactions } = props;
   const {
     theme: {
@@ -84,11 +78,9 @@ export const ReactionListTopItem = <
   );
 };
 
-export type ReactionListTopProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<
+export type ReactionListTopProps = Partial<
   Pick<
-    MessageContextValue<StreamChatGenerics>,
+    MessageContextValue,
     | 'alignment'
     | 'hasReactions'
     | 'onLongPress'
@@ -99,7 +91,7 @@ export type ReactionListTopProps<
     | 'showMessageOverlay'
   >
 > &
-  Pick<MessagesContextValue<StreamChatGenerics>, 'supportedReactions'> & {
+  Pick<MessagesContextValue, 'supportedReactions'> & {
     messageContentWidth: number;
     fill?: string;
     reactionSize?: number;
@@ -108,11 +100,7 @@ export type ReactionListTopProps<
 /**
  * ReactionListTop - A high level component which implements all the logic required for a message reaction list
  */
-export const ReactionListTop = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ReactionListTopProps<StreamChatGenerics>,
-) => {
+export const ReactionListTop = (props: ReactionListTopProps) => {
   const {
     alignment: propAlignment,
     fill: propFill,
@@ -137,10 +125,9 @@ export const ReactionListTop = <
     preventPress: contextPreventPress,
     reactions: contextReactions,
     showMessageOverlay: contextShowMessageOverlay,
-  } = useMessageContext<StreamChatGenerics>();
+  } = useMessageContext();
 
-  const { supportedReactions: contextSupportedReactions } =
-    useMessagesContext<StreamChatGenerics>();
+  const { supportedReactions: contextSupportedReactions } = useMessagesContext();
 
   const alignment = propAlignment || contextAlignment;
   const hasReactions = propHasReactions || contextHasReactions;