Merge pull request #552 from GetStream/ts-fixes-550-542

TS fixes 550, 541, 542

Author: jaapbakker88

src/components/Attachment/Attachment.js

@@ -127,7 +127,7 @@ export const renderAttachmentActions = (props) => {
 export const renderGallery = (props) => {
   const { attachment: a, Gallery } = props;
   return renderAttachmentWithinContainer(
-    <Gallery images={a.images} key="gallery" />,
+    <Gallery images={a.images || []} key="gallery" />,
     a,
     'gallery',
   );

src/components/ChannelList/hooks/usePaginatedChannels.js

@@ -4,7 +4,7 @@ import { useEffect, useState } from 'react';
 import { MAX_QUERY_CHANNELS_LIMIT } from '../utils';
 /**
  * @typedef {import('stream-chat').Channel} Channel
- * @param {import('stream-chat').StreamChat} client
+ * @param {import('types').StreamChatReactClient} client
  * @param {import('stream-chat').ChannelFilters} filters
  * @param {import('stream-chat').ChannelSort} [sort]
  * @param {import('stream-chat').ChannelOptions} [options]

src/components/ChannelList/utils.js

@@ -22,7 +22,7 @@ export const moveChannelUp = (cid, channels) => {
 };
 
 /**
- * @param {import('stream-chat').StreamChat} client
+ * @param {import('types').StreamChatReactClient} client
  * @param {string} type
  * @param {string} id
  */

types/index.d.ts

@@ -691,7 +691,10 @@ export interface ExtendedAttachment extends Client.Attachment {
   id?: string;
   asset_url?: string;
   mime_type?: string;
-  images?: Array;
+  images?: Array<{
+    image_url?: string;
+    thumb_url?: string;
+  }>;
 }
 
 export interface BaseAttachmentUIComponentProps {