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

package/src/contexts/messageInputContext/__tests__/MessageInputContext.test.tsx

@@ -12,7 +12,6 @@ import { generateImageAttachment } from '../../../mock-builders/generator/attach
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { generateUser } from '../../../mock-builders/generator/user';
 
-import type { DefaultStreamChatGenerics } from '../../../types/types';
 import { FileState } from '../../../utils/utils';
 import {
   InputMessageInputContextValue,
@@ -21,20 +20,14 @@ import {
   useMessageInputContext,
 } from '../MessageInputContext';
 
-type WrapperType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  Partial<InputMessageInputContextValue<StreamChatGenerics>>;
+type WrapperType = Partial<InputMessageInputContextValue>;
 
 afterEach(jest.clearAllMocks);
 
 const user1 = generateUser();
 const message = generateMessage({ user: user1 });
 describe('MessageInputContext', () => {
-  const Wrapper = <
-    StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  >({
-    children,
-    ...rest
-  }: PropsWithChildren<WrapperType<StreamChatGenerics>>) => (
+  const Wrapper = ({ children, ...rest }: PropsWithChildren<WrapperType>) => (
     <ChatProvider
       value={
         {
@@ -49,18 +42,18 @@ describe('MessageInputContext', () => {
                 blocked_mime_types: ['image/png'],
               },
             },
-          } as unknown as AppSettingsAPIResponse<StreamChatGenerics>,
+          } as unknown as AppSettingsAPIResponse,
           client: {
             updateMessage: jest.fn().mockResolvedValue({ message }),
-          } as unknown as StreamChat<StreamChatGenerics>,
-        } as ChatContextValue<StreamChatGenerics>
+          } as unknown as StreamChat,
+        } as ChatContextValue
       }
     >
       <MessageInputProvider
         value={
           {
             ...rest,
-          } as MessageInputContextValue<StreamChatGenerics>
+          } as MessageInputContextValue
         }
       >
         {children}

package/src/contexts/messageInputContext/__tests__/__snapshots__/sendMessage.test.tsx.snap

@@ -18,8 +18,12 @@ exports[`MessageInputContext's sendMessage exit sendMessage when edit message is
   "html": "<p>regular</p>",
   "id": "7a85f744-cc89-4f82-a1d4-5456432cc8bf",
   "mentioned_users": [
-    "dummy1",
-    "dummy2",
+    {
+      "id": "dummy1",
+    },
+    {
+      "id": "dummy2",
+    },
   ],
   "quoted_message": undefined,
   "text": "",
@@ -42,7 +46,7 @@ exports[`MessageInputContext's sendMessage exit sendMessage when file upload sta
     {
       "asset_url": undefined,
       "file_size": undefined,
-      "mime_type": undefined,
+      "mime_type": "file",
       "originalFile": {
         "name": "dummy.pdf",
         "state": "uploaded",
@@ -54,7 +58,7 @@ exports[`MessageInputContext's sendMessage exit sendMessage when file upload sta
     {
       "asset_url": undefined,
       "file_size": undefined,
-      "mime_type": undefined,
+      "mime_type": "video/mp4",
       "originalFile": {
         "name": "dummy.pdf",
         "state": "finished",
@@ -66,7 +70,7 @@ exports[`MessageInputContext's sendMessage exit sendMessage when file upload sta
     {
       "asset_url": undefined,
       "file_size": undefined,
-      "mime_type": undefined,
+      "mime_type": "audio/mp3",
       "originalFile": {
         "name": "dummy.pdf",
         "state": "uploaded",
@@ -78,7 +82,7 @@ exports[`MessageInputContext's sendMessage exit sendMessage when file upload sta
     {
       "asset_url": undefined,
       "file_size": undefined,
-      "mime_type": undefined,
+      "mime_type": "image/jpeg",
       "originalFile": {
         "name": "dummy.pdf",
         "state": "finished",

package/src/contexts/messageInputContext/__tests__/isValidMessage.test.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../../mock-builders/generator/attachment';
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { generateUser } from '../../../mock-builders/generator/user';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import { FileState } from '../../../utils/utils';
 import {
   InputMessageInputContextValue,
@@ -20,18 +20,14 @@ import {
 const user1 = generateUser();
 const message = generateMessage({ user: user1 });
 
-type WrapperType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  Partial<InputMessageInputContextValue<StreamChatGenerics>>;
+type WrapperType = Partial<InputMessageInputContextValue>;
 
-const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({
-  children,
-  ...rest
-}: PropsWithChildren<WrapperType<StreamChatGenerics>>) => (
+const Wrapper = ({ children, ...rest }: PropsWithChildren<WrapperType>) => (
   <MessageInputProvider
     value={
       {
         ...rest,
-      } as InputMessageInputContextValue<StreamChatGenerics>
+      } as InputMessageInputContextValue
     }
   >
     {children}

package/src/contexts/messageInputContext/__tests__/pickFile.test.tsx

@@ -9,7 +9,7 @@ import { generateFileAttachment } from '../../../mock-builders/generator/attachm
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { generateUser } from '../../../mock-builders/generator/user';
 import { NativeHandlers } from '../../../native';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import * as AttachmentPickerContext from '../../attachmentPickerContext/AttachmentPickerContext';
 
 import {
@@ -21,18 +21,14 @@ import {
 
 const user1 = generateUser();
 const message = generateMessage({ user: user1 });
-type WrapperType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  Partial<InputMessageInputContextValue<StreamChatGenerics>>;
+type WrapperType = Partial<InputMessageInputContextValue>;
 
-const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({
-  children,
-  ...rest
-}: PropsWithChildren<WrapperType<StreamChatGenerics>>) => (
+const Wrapper = ({ children, ...rest }: PropsWithChildren<WrapperType>) => (
   <MessageInputProvider
     value={
       {
         ...rest,
-      } as MessageInputContextValue<StreamChatGenerics>
+      } as MessageInputContextValue
     }
   >
     {children}

package/src/contexts/messageInputContext/__tests__/removeFile.test.tsx

@@ -6,7 +6,7 @@ import { renderHook, waitFor } from '@testing-library/react-native';
 import { generateFileUploadPreview } from '../../../mock-builders/generator/attachment';
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { generateUser } from '../../../mock-builders/generator/user';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import {
   InputMessageInputContextValue,
   MessageInputContextValue,
@@ -14,18 +14,14 @@ import {
   useMessageInputContext,
 } from '../MessageInputContext';
 
-type WrapperType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  Partial<InputMessageInputContextValue<StreamChatGenerics>>;
+type WrapperType = Partial<InputMessageInputContextValue>;
 
-const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({
-  children,
-  ...rest
-}: PropsWithChildren<WrapperType<StreamChatGenerics>>) => (
+const Wrapper = ({ children, ...rest }: PropsWithChildren<WrapperType>) => (
   <MessageInputProvider
     value={
       {
         ...rest,
-      } as MessageInputContextValue<StreamChatGenerics>
+      } as MessageInputContextValue
     }
   >
     {children}

package/src/contexts/messageInputContext/__tests__/removeImage.test.tsx

@@ -6,7 +6,7 @@ import { renderHook, waitFor } from '@testing-library/react-native';
 import { generateImageUploadPreview } from '../../../mock-builders/generator/attachment';
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { generateUser } from '../../../mock-builders/generator/user';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import {
   InputMessageInputContextValue,
   MessageInputContextValue,
@@ -14,18 +14,14 @@ import {
   useMessageInputContext,
 } from '../MessageInputContext';
 
-type WrapperType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  Partial<InputMessageInputContextValue<StreamChatGenerics>>;
+type WrapperType = Partial<InputMessageInputContextValue>;
 
-const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({
-  children,
-  ...rest
-}: PropsWithChildren<WrapperType<StreamChatGenerics>>) => (
+const Wrapper = ({ children, ...rest }: PropsWithChildren<WrapperType>) => (
   <MessageInputProvider
     value={
       {
         ...rest,
-      } as MessageInputContextValue<StreamChatGenerics>
+      } as MessageInputContextValue
     }
   >
     {children}

package/src/contexts/messageInputContext/__tests__/sendMessage.test.tsx

@@ -3,14 +3,15 @@ import { act } from 'react-test-renderer';
 
 import { renderHook, waitFor } from '@testing-library/react-native';
 
-import type { MessageType } from '../../../components/MessageList/hooks/useMessageList';
+import { LocalMessage } from 'stream-chat';
+
 import {
   generateFileUploadPreview,
   generateImageUploadPreview,
 } from '../../../mock-builders/generator/attachment';
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { generateUser } from '../../../mock-builders/generator/user';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import { FileState } from '../../../utils/utils';
 import * as AttachmentPickerContext from '../../attachmentPickerContext/AttachmentPickerContext';
 import {
@@ -20,18 +21,14 @@ import {
   useMessageInputContext,
 } from '../MessageInputContext';
 
-type WrapperType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  Partial<InputMessageInputContextValue<StreamChatGenerics>>;
+type WrapperType = Partial<InputMessageInputContextValue>;
 
-const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({
-  children,
-  ...rest
-}: PropsWithChildren<WrapperType<StreamChatGenerics>>) => (
+const Wrapper = ({ children, ...rest }: PropsWithChildren<WrapperType>) => (
   <MessageInputProvider
     value={
       {
         ...rest,
-      } as MessageInputContextValue<StreamChatGenerics>
+      } as MessageInputContextValue
     }
   >
     {children}
@@ -44,7 +41,7 @@ describe("MessageInputContext's sendMessage", () => {
     setSelectedFiles: jest.fn(),
     setSelectedImages: jest.fn(),
   }));
-  const message: boolean | MessageType<DefaultStreamChatGenerics> = generateMessage({
+  const message: LocalMessage | undefined = generateMessage({
     created_at: 'Sat Jul 02 2022 23:55:13 GMT+0530 (India Standard Time)',
     id: '7a85f744-cc89-4f82-a1d4-5456432cc8bf',
     updated_at: 'Sat Jul 02 2022 23:55:13 GMT+0530 (India Standard Time)',
@@ -53,7 +50,7 @@ describe("MessageInputContext's sendMessage", () => {
       image: 'fc86ddcb-bac4-400c-9afd-b0c0a1c0cd33',
       name: '50cbdd0e-ca7e-4478-9e2c-be0f1ac6a995',
     }),
-  }) as unknown as MessageType<DefaultStreamChatGenerics>;
+  }) as unknown as LocalMessage;
 
   it('exit sendMessage when file upload status failed', async () => {
     const initialProps = {
@@ -227,7 +224,7 @@ describe("MessageInputContext's sendMessage", () => {
   it('exit sendMessage when image upload has an error and catch block is executed', () => {
     const setQuotedMessageStateMock = jest.fn();
     const clearQuotedMessageStateMock = jest.fn();
-    const generatedQuotedMessage: boolean | MessageType<DefaultStreamChatGenerics> = message;
+    const generatedQuotedMessage: boolean | LocalMessage = message;
     const images = [
       generateImageUploadPreview({ state: FileState.UPLOADED }),
       generateImageUploadPreview({ state: FileState.FINISHED }),
@@ -272,7 +269,7 @@ describe("MessageInputContext's sendMessage", () => {
     const clearEditingStateMock = jest.fn();
     const editMessageMock = jest.fn().mockResolvedValue({ data: {} });
     const images = generateImageUploadPreview({ state: FileState.UPLOADED });
-    const generatedMessage: boolean | MessageType<DefaultStreamChatGenerics> = message;
+    const generatedMessage: boolean | LocalMessage = message;
     const initialProps = {
       clearEditingState: clearEditingStateMock,
       clearQuotedMessageState: clearQuotedMessageStateMock,

package/src/contexts/messageInputContext/__tests__/sendMessageAsync.test.tsx

@@ -6,7 +6,6 @@ import { renderHook, waitFor } from '@testing-library/react-native';
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { generateUser } from '../../../mock-builders/generator/user';
 
-import type { DefaultStreamChatGenerics } from '../../../types/types';
 import { FileState } from '../../../utils/utils';
 import {
   InputMessageInputContextValue,
@@ -15,18 +14,14 @@ import {
   useMessageInputContext,
 } from '../MessageInputContext';
 
-type WrapperType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  Partial<InputMessageInputContextValue<StreamChatGenerics>>;
+type WrapperType = Partial<InputMessageInputContextValue>;
 
-const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({
-  children,
-  ...rest
-}: PropsWithChildren<WrapperType<StreamChatGenerics>>) => (
+const Wrapper = ({ children, ...rest }: PropsWithChildren<WrapperType>) => (
   <MessageInputProvider
     value={
       {
         ...rest,
-      } as MessageInputContextValue<StreamChatGenerics>
+      } as MessageInputContextValue
     }
   >
     {children}

package/src/contexts/messageInputContext/__tests__/updateMessage.test.tsx

@@ -3,14 +3,12 @@ import { act } from 'react-test-renderer';
 
 import { renderHook } from '@testing-library/react-native';
 
-import type { StreamChat } from 'stream-chat';
-
-import type { MessageType } from '../../../components/MessageList/hooks/useMessageList';
+import type { LocalMessage, StreamChat } from 'stream-chat';
 
 import { ChatContextValue, ChatProvider } from '../../../contexts/chatContext/ChatContext';
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { generateUser } from '../../../mock-builders/generator/user';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import * as AttachmentPickerContext from '../../attachmentPickerContext/AttachmentPickerContext';
 import {
   InputMessageInputContextValue,
@@ -21,27 +19,23 @@ import {
 
 const message = generateMessage({});
 
-type WrapperType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  Partial<InputMessageInputContextValue<StreamChatGenerics>>;
+type WrapperType = Partial<InputMessageInputContextValue>;
 
-const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({
-  children,
-  ...rest
-}: PropsWithChildren<WrapperType<StreamChatGenerics>>) => (
+const Wrapper = ({ children, ...rest }: PropsWithChildren<WrapperType>) => (
   <ChatProvider
     value={
       {
         client: {
           updateMessage: jest.fn().mockResolvedValue({ message }),
-        } as unknown as StreamChat<StreamChatGenerics>,
-      } as ChatContextValue<StreamChatGenerics>
+        } as unknown as StreamChat,
+      } as ChatContextValue
     }
   >
     <MessageInputProvider
       value={
         {
           ...rest,
-        } as MessageInputContextValue<StreamChatGenerics>
+        } as MessageInputContextValue
       }
     >
       {children}
@@ -55,7 +49,7 @@ describe("MessageInputContext's updateMessage", () => {
     setSelectedImages: jest.fn(),
   }));
   const clearEditingStateMock = jest.fn();
-  const generatedMessage: boolean | MessageType<DefaultStreamChatGenerics> = generateMessage({
+  const generatedMessage: boolean | LocalMessage = generateMessage({
     created_at: 'Sat Jul 02 2022 23:55:13 GMT+0530 (India Standard Time)',
     id: '7a85f744-cc89-4f82-a1d4-5456432cc8bf',
     text: 'hey',
@@ -65,7 +59,7 @@ describe("MessageInputContext's updateMessage", () => {
       image: 'fc86ddcb-bac4-400c-9afd-b0c0a1c0cd33',
       name: '50cbdd0e-ca7e-4478-9e2c-be0f1ac6a995',
     }),
-  }) as unknown as MessageType<DefaultStreamChatGenerics>;
+  }) as unknown as LocalMessage;
 
   it('updateMessage throws error as clearEditingState is not available', async () => {
     const initialProps = {

package/src/contexts/messageInputContext/__tests__/uploadFile.test.tsx

@@ -6,28 +6,24 @@ import { renderHook, waitFor } from '@testing-library/react-native';
 import { generateFileUploadPreview } from '../../../mock-builders/generator/attachment';
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { generateUser } from '../../../mock-builders/generator/user';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import {
   InputMessageInputContextValue,
   MessageInputProvider,
   useMessageInputContext,
 } from '../MessageInputContext';
 
-type WrapperType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  Partial<InputMessageInputContextValue<StreamChatGenerics>>;
+type WrapperType = Partial<InputMessageInputContextValue>;
 
 const user1 = generateUser();
 const message = generateMessage({ user: user1 });
 
-const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({
-  children,
-  ...rest
-}: PropsWithChildren<WrapperType<StreamChatGenerics>>) => (
+const Wrapper = ({ children, ...rest }: PropsWithChildren<WrapperType>) => (
   <MessageInputProvider
     value={
       {
         ...rest,
-      } as InputMessageInputContextValue<StreamChatGenerics>
+      } as InputMessageInputContextValue
     }
   >
     {children}

package/src/contexts/messageInputContext/__tests__/uploadImage.test.tsx

@@ -5,25 +5,21 @@ import { renderHook, waitFor } from '@testing-library/react-native';
 import { generateImageUploadPreview } from '../../../mock-builders/generator/attachment';
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { generateUser } from '../../../mock-builders/generator/user';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import {
   InputMessageInputContextValue,
   MessageInputProvider,
   useMessageInputContext,
 } from '../MessageInputContext';
 
-type WrapperType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  Partial<InputMessageInputContextValue<StreamChatGenerics>>;
+type WrapperType = Partial<InputMessageInputContextValue>;
 
-const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({
-  children,
-  ...rest
-}: PropsWithChildren<WrapperType<StreamChatGenerics>>) => (
+const Wrapper = ({ children, ...rest }: PropsWithChildren<WrapperType>) => (
   <MessageInputProvider
     value={
       {
         ...rest,
-      } as InputMessageInputContextValue<StreamChatGenerics>
+      } as InputMessageInputContextValue
     }
   >
     {children}

package/src/contexts/messageInputContext/__tests__/useMessageDetailsForState.test.tsx

@@ -1,6 +1,6 @@
 import { renderHook } from '@testing-library/react-native';
 
-import type { MessageType } from '../../../components';
+import { LocalMessage } from 'stream-chat';
 
 import {
   generateFileAttachment,
@@ -9,28 +9,33 @@ import {
 import { generateMessage } from '../../../mock-builders/generator/message';
 
 import { generateUser } from '../../../mock-builders/generator/user';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import { useMessageDetailsForState } from '../hooks/useMessageDetailsForState';
 
 describe('useMessageDetailsForState', () => {
-  it.each([[{ message: true }], [{ initialValue: '', message: true }]])(
+  const message = generateMessage({ text: 'Dummy text' });
+  it.each([[{ message }, { initialValue: '', message }]])(
     'test state of useMessageDetailsForState when initialProps differ',
     () => {
-      const { result } = renderHook(({ message }) => useMessageDetailsForState(message), {
-        initialProps: { message: true },
-      });
+      const { result } = renderHook(
+        ({ message }) => useMessageDetailsForState(message as unknown as LocalMessage),
+        {
+          initialProps: { message },
+        },
+      );
 
-      expect(result.current.text).toBe('');
+      expect(result.current.text).toBe(message.text);
     },
   );
 
   it('showMoreOptions is true when initialValue and text is same', () => {
     const { result } = renderHook(
-      ({ initialValue, message }) => useMessageDetailsForState(message, initialValue),
+      ({ initialValue, message }) =>
+        useMessageDetailsForState(message as unknown as LocalMessage, initialValue),
       {
         initialProps: {
           initialValue: 'Dummy text',
-          message: generateMessage({ text: 'Dummy text' }) as MessageType,
+          message: generateMessage({ text: 'Dummy text' }),
         },
       },
     );
@@ -41,10 +46,7 @@ describe('useMessageDetailsForState', () => {
   it('fileUploads, imageUploads and mentionedUsers are not empty when attachments are present in message', () => {
     const { result } = renderHook(
       ({ initialValue, message }) =>
-        useMessageDetailsForState(
-          message as unknown as MessageType<DefaultStreamChatGenerics> | boolean,
-          initialValue,
-        ),
+        useMessageDetailsForState(message as unknown as LocalMessage, initialValue),
       {
         initialProps: {
           initialValue: '',

package/src/contexts/messageInputContext/hooks/useCreateMessageInputContext.ts

@@ -1,12 +1,9 @@
 import { useMemo } from 'react';
 
-import type { DefaultStreamChatGenerics } from '../../../types/types';
 import type { ThreadContextValue } from '../../threadContext/ThreadContext';
 import type { MessageInputContextValue } from '../MessageInputContext';
 
-export const useCreateMessageInputContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const useCreateMessageInputContext = ({
   additionalTextInputProps,
   appendText,
   asyncIds,
@@ -117,12 +114,9 @@ export const useCreateMessageInputContext = <
   uploadNewFile,
   uploadNewImage,
   UploadProgressIndicator,
-}: MessageInputContextValue<StreamChatGenerics> &
-  Pick<ThreadContextValue<StreamChatGenerics>, 'thread'>) => {
+}: MessageInputContextValue & Pick<ThreadContextValue, 'thread'>) => {
   const editingdep = editing?.id;
-  const fileUploadsValue = fileUploads
-    .map(({ duration, paused, progress, state }) => `${state},${paused},${progress},${duration}`)
-    .join();
+  const fileUploadsValue = fileUploads.map(({ state }) => state).join();
   const imageUploadsValue = imageUploads.map(({ state }) => state).join();
   const asyncUploadsValue = Object.keys(asyncUploads).join();
   const mentionedUsersLength = mentionedUsers.length;
@@ -130,7 +124,7 @@ export const useCreateMessageInputContext = <
   const threadId = thread?.id;
   const asyncIdsLength = asyncIds.length;
 
-  const messageInputContext: MessageInputContextValue<StreamChatGenerics> = useMemo(
+  const messageInputContext: MessageInputContextValue = useMemo(
     () => ({
       additionalTextInputProps,
       appendText,