stream-chat-react-native-core 6.7.5-beta.1 → 7.0.0-beta.1

package/src/components/MessageInput/SendButton.tsx

@@ -11,19 +11,11 @@ import { Search } from '../../icons/Search';
 import { SendRight } from '../../icons/SendRight';
 import { SendUp } from '../../icons/SendUp';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-
-type SendButtonPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageInputContextValue<StreamChatGenerics>, 'giphyActive' | 'sendMessage'> & {
+type SendButtonPropsWithContext = Pick<MessageInputContextValue, 'giphyActive' | 'sendMessage'> & {
   /** Disables the button */ disabled: boolean;
 };
 
-const SendButtonWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: SendButtonPropsWithContext<StreamChatGenerics>,
-) => {
+const SendButtonWithContext = (props: SendButtonPropsWithContext) => {
   const { disabled = false, giphyActive, sendMessage } = props;
   const {
     theme: {
@@ -50,10 +42,7 @@ const SendButtonWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: SendButtonPropsWithContext<StreamChatGenerics>,
-  nextProps: SendButtonPropsWithContext<StreamChatGenerics>,
-) => {
+const areEqual = (prevProps: SendButtonPropsWithContext, nextProps: SendButtonPropsWithContext) => {
   const {
     disabled: prevDisabled,
     giphyActive: prevGiphyActive,
@@ -88,19 +77,13 @@ const MemoizedSendButton = React.memo(
   areEqual,
 ) as typeof SendButtonWithContext;
 
-export type SendButtonProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<SendButtonPropsWithContext<StreamChatGenerics>>;
+export type SendButtonProps = Partial<SendButtonPropsWithContext>;
 
 /**
  * UI Component for send button in MessageInput component.
  */
-export const SendButton = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: SendButtonProps<StreamChatGenerics>,
-) => {
-  const { giphyActive, sendMessage } = useMessageInputContext<StreamChatGenerics>();
+export const SendButton = (props: SendButtonProps) => {
+  const { giphyActive, sendMessage } = useMessageInputContext();
 
   return (
     <MemoizedSendButton

package/src/components/MessageInput/ShowThreadMessageInChannelButton.tsx

@@ -13,8 +13,6 @@ import {
 } from '../../contexts/translationContext/TranslationContext';
 import { Check } from '../../icons';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-
 const styles = StyleSheet.create({
   checkBox: {
     alignItems: 'center',
@@ -159,15 +157,10 @@ const MemoizedShowThreadMessageInChannelButton = React.memo(
 export type ShowThreadMessageInChannelButtonProps =
   Partial<ShowThreadMessageInChannelButtonWithContextProps>;
 
-export const ShowThreadMessageInChannelButton = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ShowThreadMessageInChannelButtonProps,
-) => {
+export const ShowThreadMessageInChannelButton = (props: ShowThreadMessageInChannelButtonProps) => {
   const { t } = useTranslationContext();
-  const { allowThreadMessagesInChannel } = useThreadContext<StreamChatGenerics>();
-  const { sendThreadMessageInChannel, setSendThreadMessageInChannel } =
-    useMessageInputContext<StreamChatGenerics>();
+  const { allowThreadMessagesInChannel } = useThreadContext();
+  const { sendThreadMessageInChannel, setSendThreadMessageInChannel } = useMessageInputContext();
 
   return (
     <MemoizedShowThreadMessageInChannelButton

package/src/components/MessageInput/__tests__/FileUploadPreview.test.js

@@ -332,8 +332,8 @@ describe('FileUploadPreview', () => {
     const fileUploads = [
       generateFileUploadPreview({
         id: 'file-upload-id-1',
-        mimeType: 'audio/mp3',
         state: FileState.UPLOADED,
+        type: 'audio/mp3',
       }),
     ];
     const removeFile = jest.fn();

package/src/components/MessageInput/__tests__/MessageInput.test.js

@@ -129,7 +129,9 @@ describe('MessageInput', () => {
     );
 
     // Both for files and for images triggered in one test itself.
-    expect(Alert.alert).toHaveBeenCalledTimes(4);
+    await waitFor(() => {
+      expect(Alert.alert).toHaveBeenCalledTimes(4);
+    });
   });
 
   it('should start the audio recorder on long press and cleanup on unmount', async () => {

package/src/components/MessageInput/components/AudioRecorder/AudioRecorder.tsx

@@ -14,11 +14,11 @@ import { useTranslationContext } from '../../../../contexts/translationContext/T
 import { ArrowLeft, CircleStop, Delete, Mic, SendCheck } from '../../../../icons';
 
 import { AudioRecordingReturnType } from '../../../../native';
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
-type AudioRecorderPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageInputContextValue<StreamChatGenerics>, 'asyncMessagesMultiSendEnabled'> & {
+type AudioRecorderPropsWithContext = Pick<
+  MessageInputContextValue,
+  'asyncMessagesMultiSendEnabled'
+> & {
   /**
    * Function to stop and delete the voice recording.
    */
@@ -128,11 +128,7 @@ const DeleteRecording = ({
   );
 };
 
-const AudioRecorderWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: AudioRecorderPropsWithContext<StreamChatGenerics>,
-) => {
+const AudioRecorderWithContext = (props: AudioRecorderPropsWithContext) => {
   const {
     asyncMessagesMultiSendEnabled,
     deleteVoiceRecording,
@@ -201,9 +197,9 @@ const AudioRecorderWithContext = <
   }
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: AudioRecorderPropsWithContext<StreamChatGenerics>,
-  nextProps: AudioRecorderPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: AudioRecorderPropsWithContext,
+  nextProps: AudioRecorderPropsWithContext,
 ) => {
   const {
     asyncMessagesMultiSendEnabled: prevAsyncMessagesMultiSendEnabled,
@@ -254,11 +250,9 @@ const MemoizedAudioRecorder = React.memo(
   areEqual,
 ) as typeof AudioRecorderWithContext;
 
-export type AudioRecorderProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<AudioRecorderPropsWithContext<StreamChatGenerics>> &
+export type AudioRecorderProps = Partial<AudioRecorderPropsWithContext> &
   Pick<
-    AudioRecorderPropsWithContext<StreamChatGenerics>,
+    AudioRecorderPropsWithContext,
     | 'deleteVoiceRecording'
     | 'micLocked'
     | 'recording'
@@ -270,12 +264,8 @@ export type AudioRecorderProps<
 /**
  * Component to display the Recording UI in the Message Input.
  */
-export const AudioRecorder = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: AudioRecorderProps<StreamChatGenerics>,
-) => {
-  const { asyncMessagesMultiSendEnabled } = useMessageInputContext<StreamChatGenerics>();
+export const AudioRecorder = (props: AudioRecorderProps) => {
+  const { asyncMessagesMultiSendEnabled } = useMessageInputContext();
 
   return (
     <MemoizedAudioRecorder

package/src/components/MessageInput/components/AudioRecorder/AudioRecordingButton.tsx

@@ -10,11 +10,10 @@ import { useTranslationContext } from '../../../../contexts/translationContext/T
 import { Mic } from '../../../../icons/Mic';
 import { AudioRecordingReturnType, NativeHandlers } from '../../../../native';
 
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
-
-type AudioRecordingButtonPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageInputContextValue<StreamChatGenerics>, 'asyncMessagesMinimumPressDuration'> & {
+type AudioRecordingButtonPropsWithContext = Pick<
+  MessageInputContextValue,
+  'asyncMessagesMinimumPressDuration'
+> & {
   /**
    * The current voice recording that is in progress.
    */
@@ -41,11 +40,7 @@ type AudioRecordingButtonPropsWithContext<
   startVoiceRecording?: () => Promise<void>;
 };
 
-const AudioRecordingButtonWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: AudioRecordingButtonPropsWithContext<StreamChatGenerics>,
-) => {
+const AudioRecordingButtonWithContext = (props: AudioRecordingButtonPropsWithContext) => {
   const {
     asyncMessagesMinimumPressDuration,
     buttonSize,
@@ -121,9 +116,9 @@ const AudioRecordingButtonWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: AudioRecordingButtonPropsWithContext<StreamChatGenerics>,
-  nextProps: AudioRecordingButtonPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: AudioRecordingButtonPropsWithContext,
+  nextProps: AudioRecordingButtonPropsWithContext,
 ) => {
   const {
     asyncMessagesMinimumPressDuration: prevAsyncMessagesMinimumPressDuration,
@@ -153,21 +148,15 @@ const MemoizedAudioRecordingButton = React.memo(
   areEqual,
 ) as typeof AudioRecordingButtonWithContext;
 
-export type AudioRecordingButtonProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<AudioRecordingButtonPropsWithContext<StreamChatGenerics>> & {
+export type AudioRecordingButtonProps = Partial<AudioRecordingButtonPropsWithContext> & {
   recording: AudioRecordingReturnType;
 };
 
 /**
  * Component to display the mic button on the Message Input.
  */
-export const AudioRecordingButton = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: AudioRecordingButtonProps<StreamChatGenerics>,
-) => {
-  const { asyncMessagesMinimumPressDuration } = useMessageInputContext<StreamChatGenerics>();
+export const AudioRecordingButton = (props: AudioRecordingButtonProps) => {
+  const { asyncMessagesMinimumPressDuration } = useMessageInputContext();
 
   return <MemoizedAudioRecordingButton {...{ asyncMessagesMinimumPressDuration }} {...props} />;
 };

package/src/components/MessageInput/components/AudioRecorder/AudioRecordingInProgress.tsx

@@ -9,11 +9,10 @@ import {
 } from '../../../../contexts/messageInputContext/MessageInputContext';
 import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
 
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
-
-type AudioRecordingInProgressPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageInputContextValue<StreamChatGenerics>, 'AudioRecordingWaveform'> & {
+type AudioRecordingInProgressPropsWithContext = Pick<
+  MessageInputContextValue,
+  'AudioRecordingWaveform'
+> & {
   /**
    * The waveform data to be presented to show the audio levels.
    */
@@ -28,11 +27,7 @@ type AudioRecordingInProgressPropsWithContext<
   recordingDuration?: number;
 };
 
-const AudioRecordingInProgressWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: AudioRecordingInProgressPropsWithContext<StreamChatGenerics>,
-) => {
+const AudioRecordingInProgressWithContext = (props: AudioRecordingInProgressPropsWithContext) => {
   const {
     AudioRecordingWaveform,
     maxDataPointsDrawn = 80,
@@ -60,9 +55,9 @@ const AudioRecordingInProgressWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: AudioRecordingInProgressPropsWithContext<StreamChatGenerics>,
-  nextProps: AudioRecordingInProgressPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: AudioRecordingInProgressPropsWithContext,
+  nextProps: AudioRecordingInProgressPropsWithContext,
 ) => {
   const { recordingDuration: prevRecordingDuration } = prevProps;
   const { recordingDuration: nextRecordingDuration } = nextProps;
@@ -81,21 +76,15 @@ const MemoizedAudioRecordingInProgress = React.memo(
   areEqual,
 ) as typeof AudioRecordingInProgressWithContext;
 
-export type AudioRecordingInProgressProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<AudioRecordingInProgressPropsWithContext<StreamChatGenerics>> & {
+export type AudioRecordingInProgressProps = Partial<AudioRecordingInProgressPropsWithContext> & {
   waveformData: number[];
 };
 
 /**
  * Component displayed when the audio is in the recording state.
  */
-export const AudioRecordingInProgress = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: AudioRecordingInProgressProps<StreamChatGenerics>,
-) => {
-  const { AudioRecordingWaveform } = useMessageInputContext<StreamChatGenerics>();
+export const AudioRecordingInProgress = (props: AudioRecordingInProgressProps) => {
+  const { AudioRecordingWaveform } = useMessageInputContext();
 
   return <MemoizedAudioRecordingInProgress {...{ AudioRecordingWaveform }} {...props} />;
 };

package/src/components/MessageInput/components/InputEditingStateHeader.tsx

@@ -9,7 +9,6 @@ import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 
 import { CircleClose, Edit } from '../../../icons';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 const styles = StyleSheet.create({
   editingBoxHeader: {
@@ -24,19 +23,17 @@ const styles = StyleSheet.create({
   },
 });
 
-export type InputEditingStateHeaderProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<Pick<MessageInputContextValue<StreamChatGenerics>, 'clearEditingState' | 'resetInput'>>;
+export type InputEditingStateHeaderProps = Partial<
+  Pick<MessageInputContextValue, 'clearEditingState' | 'resetInput'>
+>;
 
-export const InputEditingStateHeader = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const InputEditingStateHeader = ({
   clearEditingState: propClearEditingState,
   resetInput: propResetInput,
-}: InputEditingStateHeaderProps<StreamChatGenerics>) => {
+}: InputEditingStateHeaderProps) => {
   const { t } = useTranslationContext();
   const { clearEditingState: contextClearEditingState, resetInput: contextResetInput } =
-    useMessageInputContext<StreamChatGenerics>();
+    useMessageInputContext();
 
   const clearEditingState = propClearEditingState || contextClearEditingState;
   const resetInput = propResetInput || contextResetInput;

package/src/components/MessageInput/components/InputGiphySearch.tsx

@@ -8,7 +8,7 @@ import {
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 
 import { CircleClose, GiphyLightning } from '../../../icons';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import { AutoCompleteInput } from '../../AutoCompleteInput/AutoCompleteInput';
 import { useCountdown } from '../hooks/useCountdown';
 
@@ -33,32 +33,28 @@ const styles = StyleSheet.create({
   },
 });
 
-export type InputGiphySearchProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<
+export type InputGiphySearchProps = Partial<
   Pick<
-    MessageInputContextValue<StreamChatGenerics>,
+    MessageInputContextValue,
     'additionalTextInputProps' | 'cooldownEndsAt' | 'setGiphyActive' | 'setShowMoreOptions'
   >
 > & {
   disabled: boolean;
 };
 
-export const InputGiphySearch = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const InputGiphySearch = ({
   additionalTextInputProps: propAdditionalTextInputProps,
   cooldownEndsAt: propCooldownEndsAt,
   disabled,
   setGiphyActive: propSetGiphyActive,
   setShowMoreOptions: propSetShowMoreOptions,
-}: InputGiphySearchProps<StreamChatGenerics>) => {
+}: InputGiphySearchProps) => {
   const {
     additionalTextInputProps: contextAdditionalTextInputProps,
     cooldownEndsAt: contextCooldownEndsAt,
     setGiphyActive: contextSetGiphyActive,
     setShowMoreOptions: contextSetShowMoreOptions,
-  } = useMessageInputContext<StreamChatGenerics>();
+  } = useMessageInputContext();
 
   const additionalTextInputProps = propAdditionalTextInputProps || contextAdditionalTextInputProps;
   const cooldownEndsAt = propCooldownEndsAt || contextCooldownEndsAt;
@@ -84,7 +80,7 @@ export const InputGiphySearch = <
         <Text style={[styles.giphyText, { color: white }, giphyText]}>GIPHY</Text>
       </View>
 
-      <AutoCompleteInput<StreamChatGenerics>
+      <AutoCompleteInput
         additionalTextInputProps={additionalTextInputProps}
         cooldownActive={!!cooldownRemainingSeconds}
       />

package/src/components/MessageInput/components/InputReplyStateHeader.tsx

@@ -9,7 +9,6 @@ import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 
 import { CircleClose, CurveLineLeftUp } from '../../../icons';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 const styles = StyleSheet.create({
   replyBoxHeader: {
@@ -24,18 +23,14 @@ const styles = StyleSheet.create({
   },
 });
 
-export type InputReplyStateHeaderProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<
-  Pick<MessageInputContextValue<StreamChatGenerics>, 'clearQuotedMessageState' | 'resetInput'>
+export type InputReplyStateHeaderProps = Partial<
+  Pick<MessageInputContextValue, 'clearQuotedMessageState' | 'resetInput'>
 >;
 
-export const InputReplyStateHeader = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const InputReplyStateHeader = ({
   clearQuotedMessageState: propClearQuotedMessageState,
   resetInput: propResetInput,
-}: InputReplyStateHeaderProps<StreamChatGenerics>) => {
+}: InputReplyStateHeaderProps) => {
   const { t } = useTranslationContext();
   const { clearQuotedMessageState: contextClearQuotedMessageState, resetInput: contextResetInput } =
     useMessageInputContext();

package/src/components/MessageInput/hooks/useAudioController.tsx

@@ -10,7 +10,8 @@ import {
   RecordingStatus,
   SoundReturnType,
 } from '../../../native';
-import { File, FileTypes } from '../../../types/types';
+import type { File } from '../../../types/types';
+import { FileTypes } from '../../../types/types';
 import { resampleWaveformData } from '../utils/audioSampling';
 import { normalizeAudioLevel } from '../utils/normalizeAudioLevel';
 
@@ -267,18 +268,18 @@ export const useAudioController = () => {
 
     const file: File = {
       duration: durationInSeconds,
-      mimeType: 'audio/aac',
       name: `audio_recording_${date}.aac`,
-      type: FileTypes.VoiceRecording,
+      size: 0,
+      type: 'audio/aac',
       uri: typeof recording !== 'string' ? (recording?.getURI() as string) : (recording as string),
       waveform_data: resampledWaveformData,
     };
 
     if (multiSendEnabled) {
-      await uploadNewFile(file);
+      await uploadNewFile(file, FileTypes.VoiceRecording);
     } else {
       // FIXME: cannot call handleSubmit() directly as the function has stale reference to file uploads
-      await uploadNewFile(file);
+      await uploadNewFile(file, FileTypes.VoiceRecording);
       setIsScheduleForSubmit(true);
     }
     resetState();

package/src/components/MessageInput/hooks/useCooldown.ts

@@ -4,7 +4,7 @@ import { BuiltinRoles, ChannelResponse, Role } from 'stream-chat';
 
 import { useChannelContext } from '../../../contexts/channelContext/ChannelContext';
 import { useChatContext } from '../../../contexts/chatContext/ChatContext';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import { ONE_SECOND_IN_MS } from '../../../utils/date';
 
 type Roles = Array<Role>;
@@ -13,14 +13,12 @@ type Roles = Array<Role>;
  * useCooldown can be used to start a cooldown defined
  * for a Channel by setting an end time for
  **/
-export const useCooldown = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
+export const useCooldown = () => {
   const [endsAt, setEndsAt] = useState(new Date());
 
-  const { client } = useChatContext<StreamChatGenerics>();
-  const { channel } = useChannelContext<StreamChatGenerics>();
-  const { cooldown } = (channel?.data || {}) as ChannelResponse<StreamChatGenerics>;
+  const { client } = useChatContext();
+  const { channel } = useChannelContext();
+  const { cooldown } = (channel?.data || {}) as ChannelResponse;
   const interval: number = cooldown ?? 0;
 
   /**

package/src/components/MessageList/InlineLoadingMoreIndicator.tsx

@@ -4,8 +4,6 @@ import { ActivityIndicator, StyleSheet, View } from 'react-native';
 import { usePaginatedMessageListContext } from '../../contexts/paginatedMessageListContext/PaginatedMessageListContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-
 const styles = StyleSheet.create({
   activityIndicatorContainer: {
     padding: 10,
@@ -57,10 +55,8 @@ const MemoizedInlineLoadingMoreIndicator = React.memo(
   areEqual,
 ) as typeof InlineLoadingMoreIndicatorWithContext;
 
-export const InlineLoadingMoreIndicator = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
-  const { loadingMore } = usePaginatedMessageListContext<StreamChatGenerics>();
+export const InlineLoadingMoreIndicator = () => {
+  const { loadingMore } = usePaginatedMessageListContext();
 
   return <MemoizedInlineLoadingMoreIndicator loadingMore={loadingMore} />;
 };

package/src/components/MessageList/InlineLoadingMoreRecentIndicator.tsx

@@ -4,8 +4,6 @@ import { ActivityIndicator, StyleSheet, View } from 'react-native';
 import { usePaginatedMessageListContext } from '../../contexts/paginatedMessageListContext/PaginatedMessageListContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-
 const styles = StyleSheet.create({
   activityIndicatorContainer: {
     padding: 10,
@@ -57,10 +55,8 @@ const MemoizedInlineLoadingMoreRecentIndicator = React.memo(
   areEqual,
 ) as typeof InlineLoadingMoreRecentIndicatorWithContext;
 
-export const InlineLoadingMoreRecentIndicator = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
-  const { loadingMoreRecent } = usePaginatedMessageListContext<StreamChatGenerics>();
+export const InlineLoadingMoreRecentIndicator = () => {
+  const { loadingMoreRecent } = usePaginatedMessageListContext();
 
   return <MemoizedInlineLoadingMoreRecentIndicator loadingMoreRecent={loadingMoreRecent} />;
 };

package/src/components/MessageList/InlineLoadingMoreRecentThreadIndicator.tsx

@@ -4,8 +4,6 @@ import { ActivityIndicator, StyleSheet, View } from 'react-native';
 import { useThreadContext } from '../../contexts';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-
 const styles = StyleSheet.create({
   activityIndicatorContainer: {
     padding: 10,
@@ -57,10 +55,8 @@ const MemoizedInlineLoadingMoreRecentIndicator = React.memo(
   areEqual,
 ) as typeof InlineLoadingMoreRecentIndicatorWithContext;
 
-export const InlineLoadingMoreRecentThreadIndicator = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
-  const { threadLoadingMoreRecent } = useThreadContext<StreamChatGenerics>();
+export const InlineLoadingMoreRecentThreadIndicator = () => {
+  const { threadLoadingMoreRecent } = useThreadContext();
 
   return <MemoizedInlineLoadingMoreRecentIndicator loadingMoreRecent={threadLoadingMoreRecent} />;
 };