Clean up ADD_PROPERTY error expectations

Author: arnautov-anton

src/components/ChannelHeader/ChannelHeader.tsx

@@ -42,7 +42,6 @@ export const ChannelHeader = (props: ChannelHeaderProps) => {
     overrideTitle,
   });
 
-  // @ts-expect-error <ADD_PROPERTY>subtitle
   const { member_count, subtitle } = channel?.data || {};
 
   return (

src/components/ChannelPreview/utils.tsx

@@ -104,9 +104,7 @@ export const getGroupChannelDisplayInfo = (
   const info: GroupChannelDisplayInfo = [];
   for (let i = 0; i < members.length; i++) {
     const { user } = members[i];
-    // @ts-expect-error <ADD_PROPERTY>image
     if (!user?.name && !user?.image) continue;
-    // @ts-expect-error <ADD_PROPERTY>image
     info.push({ image: user.image, name: user.name });
     if (info.length === 4) break;
   }
@@ -118,12 +116,10 @@ const getChannelDisplayInfo = (
   channel: Channel,
   currentUser?: UserResponse,
 ) => {
-  // @ts-expect-error <ADD_PROPERTY>name|image
   if (channel.data?.[info]) return channel.data[info];
   const members = Object.values(channel.state.members);
   if (members.length !== 2) return;
   const otherMember = members.find((member) => member.user?.id !== currentUser?.id);
-  // @ts-expect-error <ADD_PROPERTY>name|image
   return otherMember?.user?.[info];
 };
 

src/components/ChannelSearch/SearchResults.tsx

@@ -96,7 +96,6 @@ const DefaultSearchResultItem = (props: SearchResultItemProps) => {
       >
         <Avatar
           className='str-chat__avatar--channel-preview'
-          // @ts-expect-error <ADD_PROPERTY>image
           image={result.image}
           name={result.name || result.id}
           user={result}

src/components/EventComponent/EventComponent.tsx

@@ -1,18 +1,18 @@
 import React from 'react';
+import type { Event } from 'stream-chat';
 
-import type { AvatarProps } from '../Avatar';
 import { Avatar as DefaultAvatar } from '../Avatar';
-
 import { useTranslationContext } from '../../context/TranslationContext';
 import { getDateString } from '../../i18n/utils';
-
+import type { AvatarProps } from '../Avatar';
 import type { StreamMessage } from '../../context/ChannelStateContext';
-
 import type { TimestampFormatterOptions } from '../../i18n/types';
 
 export type EventComponentProps = TimestampFormatterOptions & {
   /** Message object */
-  message: StreamMessage;
+  message: StreamMessage & {
+    event?: Event;
+  };
   /** Custom UI component to display user avatar, defaults to and accepts same props as: [Avatar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/Avatar.tsx) */
   Avatar?: React.ComponentType<AvatarProps>;
 };
@@ -24,7 +24,6 @@ const UnMemoizedEventComponent = (props: EventComponentProps) => {
   const { Avatar = DefaultAvatar, calendar, calendarFormats, format, message } = props;
 
   const { t, tDateTimeParser } = useTranslationContext('EventComponent');
-  // @ts-expect-error <ADD_PROPERTY>event
   const { created_at = '', event, text, type } = message;
   const getDateOptions = { messageCreatedAt: created_at.toString(), tDateTimeParser };
 

src/components/Message/FixedHeightMessage.tsx

@@ -90,7 +90,6 @@ const UnMemoizedFixedHeightMessage = (props: FixedHeightMessageProps) => {
     >
       {message.user && (
         <Avatar
-          // @ts-expect-error <ADD_PROPERTY>image
           image={message.user.image}
           name={message.user.name || message.user.id}
           user={message.user}

src/components/Message/MessageErrorText.tsx

@@ -28,7 +28,6 @@ export function MessageErrorText({ message, theme }: MessageErrorTextProps) {
       <div
         className={`str-chat__${theme}-message--error-message str-chat__message--error-message`}
       >
-        {/* @ts-expect-error errorStatusCode might exist but isn't type-defined */}
         {message.errorStatusCode !== 403
           ? t<string>('Message Failed · Click to try again')
           : t<string>('Message Failed · Unauthorized')}

src/components/Message/MessageSimple.tsx

@@ -88,7 +88,6 @@ const MessageSimpleWithContext = (props: MessageSimpleWithContextProps) => {
     () => isMessageAIGenerated?.(message),
     [isMessageAIGenerated, message],
   );
-  // @ts-expect-error <ADD_PROPERTY>customType (StreamMessage)
   if (message.customType === CUSTOM_MESSAGE_TYPE.date) {
     return null;
   }
@@ -99,7 +98,6 @@ const MessageSimpleWithContext = (props: MessageSimpleWithContextProps) => {
 
   const showMetadata = !groupedByUser || endOfGroup;
   const showReplyCountButton = !threadList && !!message.reply_count;
-  // @ts-expect-error <ADD_PROPERTY>errorStatusCode (StreamMessage)
   const allowRetry = message.status === 'failed' && message.errorStatusCode !== 403;
   const isBounced = isMessageBounced(message);
   const isEdited = isMessageEdited(message) && !isAIGenerated;
@@ -128,7 +126,6 @@ const MessageSimpleWithContext = (props: MessageSimpleWithContextProps) => {
       'str-chat__message--pinned pinned-message': message.pinned,
       'str-chat__message--with-reactions': hasReactions,
       'str-chat__message-send-can-be-retried':
-        // @ts-expect-error <ADD_PROPERTY>errorStatusCode (StreamMessage)
         message?.status === 'failed' && message?.errorStatusCode !== 403,
       'str-chat__message-with-thread-link': showReplyCountButton,
       'str-chat__virtual-message__wrapper--end': endOfGroup,
@@ -169,7 +166,6 @@ const MessageSimpleWithContext = (props: MessageSimpleWithContextProps) => {
           {PinIndicator && <PinIndicator />}
           {message.user && (
             <Avatar
-              // @ts-expect-error <ADD_PROPERTY>image
               image={message.user.image}
               name={message.user.name || message.user.id}
               onClick={onUserClick}

src/components/Message/MessageStatus.tsx

@@ -128,7 +128,6 @@ const UnMemoizedMessageStatus = (props: MessageStatusProps) => {
 
             <Avatar
               className='str-chat__avatar--message-status'
-              // @ts-expect-error <ADD_PROPERTY>image
               image={lastReadUser.image}
               name={lastReadUser.name || lastReadUser.id}
               user={lastReadUser}

src/components/Message/QuotedMessage.tsx

@@ -56,7 +56,6 @@ export const QuotedMessage = () => {
         {quoted_message.user && (
           <Avatar
             className='str-chat__avatar--quoted-message-sender'
-            // @ts-expect-error <ADD_PROPERTY>image
             image={quoted_message.user.image}
             name={quoted_message.user.name || quoted_message.user.id}
             user={quoted_message.user}

src/components/MessageInput/QuotedMessagePreview.tsx

@@ -64,7 +64,6 @@ export const QuotedMessagePreview = ({ quotedMessage }: QuotedMessagePreviewProp
       {quotedMessage.user && (
         <Avatar
           className='str-chat__avatar--quoted-message-sender'
-          // @ts-expect-error <ADD_PROPERTY>image
           image={quotedMessage.user.image}
           name={quotedMessage.user.name || quotedMessage.user.id}
           user={quotedMessage.user}