ESLint manual fixes

src/components/Channel/Channel.tsx

@@ -1010,7 +1010,7 @@ const ChannelInner = <
         });
 
         thread?.upsertReplyLocally({
-          // @ts-expect-error
+          // @ts-expect-error message type mismatch
           message: {
             ...message,
             error: parsedError,
@@ -1049,7 +1049,7 @@ const ChannelInner = <
     };
 
     thread?.upsertReplyLocally({
-      // @ts-expect-error
+      // @ts-expect-error message type mismatch
       message: messagePreview,
     });
 
@@ -1226,7 +1226,7 @@ const ChannelInner = <
     ],
   );
 
-  // @ts-expect-error
+  // @ts-expect-error message type mismatch
   const componentContextValue: Partial<ComponentContextValue> = useMemo(
     () => ({
       Attachment: props.Attachment,

src/components/Channel/__tests__/Channel.test.js

@@ -206,6 +206,7 @@ describe('Channel', () => {
   it('should render empty channel container if channel does not have cid', async () => {
     const { channel } = await initClient();
     const childrenContent = 'Channel children';
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { cid, ...channelWithoutCID } = channel;
     const { asFragment } = render(
       <ChatProvider
@@ -1482,6 +1483,7 @@ describe('Channel', () => {
       });
       describe('delete message', () => {
         it('should throw error instead of calling default client.deleteMessage() function', async () => {
+          // eslint-disable-next-line @typescript-eslint/no-unused-vars
           const { id, ...message } = generateMessage();
           const { channel, chatClient } = await initClient();
           const clientDeleteMessageSpy = jest.spyOn(chatClient, 'deleteMessage');
@@ -1509,6 +1511,7 @@ describe('Channel', () => {
         });
 
         it('should throw error instead of calling custom doDeleteMessageRequest function', async () => {
+          // eslint-disable-next-line @typescript-eslint/no-unused-vars
           const { id, ...message } = generateMessage();
           const { channel, chatClient } = await initClient();
           const clientDeleteMessageSpy = jest

src/components/ChatView/ChatView.tsx

@@ -10,10 +10,10 @@ import type { PropsWithChildren } from 'react';
 import type { Thread, ThreadManagerState } from 'stream-chat';
 import clsx from 'clsx';
 
-const availableChatViews = ['channels', 'threads'] as const;
+type ChatView = 'channels' | 'threads';
 
 type ChatViewContextValue = {
-  activeChatView: typeof availableChatViews[number];
+  activeChatView: ChatView;
   setActiveChatView: (cv: ChatViewContextValue['activeChatView']) => void;
 };
 

src/components/MML/MML.tsx

@@ -5,6 +5,7 @@ import { useChatContext } from '../../context/ChatContext';
 import type { ActionHandlerReturnType } from '../Message/hooks/useActionHandler';
 
 const MMLReact = React.lazy(async () => {
+  // eslint-disable-next-line import/no-extraneous-dependencies
   const mml = await import('mml-react');
   return { default: mml.MML };
 });

src/components/MediaRecorder/AudioRecorder/__tests__/AudioRecorder.test.js

@@ -307,6 +307,7 @@ describe('MessageInput', () => {
     });
 
     expect(doFileUploadRequest).toHaveBeenCalledTimes(1);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { localMetadata, ...uploadedRecordingAtt } = recording;
     expect(sendMessage.mock.calls[0][0]).toStrictEqual({
       attachments: [uploadedRecordingAtt],

src/components/Message/hooks/useReactionHandler.ts

@@ -94,7 +94,7 @@ export const useReactionHandler = <
 
     try {
       updateMessage(tempMessage);
-      // @ts-expect-error
+      // @ts-expect-error message type mismatch
       thread?.upsertReplyLocally({ message: tempMessage });
 
       const messageResponse = add
@@ -106,7 +106,7 @@ export const useReactionHandler = <
     } catch (error) {
       // revert to the original message if the API call fails
       updateMessage(message);
-      // @ts-expect-error
+      // @ts-expect-error message type mismatch
       thread?.upsertReplyLocally({ message });
     }
   }, 1000);

src/components/Message/renderText/renderText.tsx

@@ -73,8 +73,9 @@ export const markDownRenderers: RenderTextOptions['customMarkDownRenderers'] = {
 export type RenderTextOptions<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
 > = {
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  allowedTagNames?: Array<keyof JSX.IntrinsicElements | 'emoji' | 'mention' | (string & {})>;
+  allowedTagNames?: Array<
+    keyof JSX.IntrinsicElements | 'emoji' | 'mention' | (string & {})
+  >;
   customMarkDownRenderers?: Options['components'] &
     Partial<{
       emoji: ComponentType;

src/components/Message/utils.tsx

@@ -25,9 +25,8 @@ export const validateAndGetMessage = <T extends unknown[]>(
 
   // below is due to tests passing a single argument
   // rather than an array.
-  if (!(args instanceof Array)) {
-    // @ts-expect-error
-    args = [args];
+  if (!Array.isArray(args)) {
+    args = [args] as unknown as T;
   }
 
   const returnValue = func(...args);

src/components/MessageActions/MessageActionsBox.tsx

@@ -47,6 +47,7 @@ const UnMemoizedMessageActionsBox = <
     handleMute,
     handlePin,
     isUserMuted,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     mine,
     open,
     ...restDivProps

src/components/MessageInput/AttachmentSelector.tsx

@@ -80,7 +80,6 @@ export type AttachmentSelectorActionProps = {
 
 export type AttachmentSelectorAction = {
   ActionButton: React.ComponentType<AttachmentSelectorActionProps>;
-  // eslint-disable-next-line @typescript-eslint/ban-types
   type: 'uploadFile' | 'createPoll' | (string & {});
   ModalContent?: React.ComponentType<AttachmentSelectorModalContentProps>;
 };

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

@@ -950,6 +950,7 @@ describe('Link preview', () => {
   it('submit new message with skip_url_enrich:false if no link previews managed to get loaded', async () => {
     const channel = chatClient.channel('messaging', mockedChannelData.channel.id);
     const sendMessageSpy = jest.spyOn(channel, 'sendMessage').mockImplementation();
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     let resolveEnrichURLPromise;
     jest
       .spyOn(chatClient, 'enrichURL')
@@ -987,6 +988,7 @@ describe('Link preview', () => {
 
     const sendMessageSpy = jest.spyOn(channel, 'sendMessage').mockImplementation();
 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     let resolveEnrichURLPromise;
     jest
       .spyOn(chatClient, 'enrichURL')

src/components/MessageInput/hooks/useUserTrigger.ts

@@ -68,7 +68,7 @@ export const useUserTrigger = <
     throttle(
       async (query: string, onReady: (users: UserResponse<StreamChatGenerics>[]) => void) => {
         try {
-          // @ts-expect-error
+          // @ts-expect-error valid query
           const response = await channel.queryMembers({
             name: { $autocomplete: query },
           });
@@ -100,7 +100,7 @@ export const useUserTrigger = <
 
     try {
       const { users } = await client.queryUsers(
-        // @ts-expect-error
+        // @ts-expect-error valid query
         {
           $or: [{ id: { $autocomplete: query } }, { name: { $autocomplete: query } }],
           ...(typeof mentionQueryParams.filters === 'function'

src/components/MessageInput/hooks/utils.ts

@@ -86,6 +86,7 @@ export const searchLocalUsers = <
 
     if (useMentionsTransliteration) {
       (async () => {
+        // eslint-disable-next-line import/no-extraneous-dependencies
         const { default: transliterate } = await import('@stream-io/transliterate');
         updatedName = transliterate(user.name || '').toLowerCase();
         updatedQuery = transliterate(query).toLowerCase();

src/components/Reactions/ReactionsList.tsx

@@ -49,6 +49,7 @@ const UnMemoizedReactionsList = <
 ) => {
   const {
     handleFetchReactions,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     reactionDetailsSort,
     reverse = false,
     sortReactionDetails,

src/mock-builders/browser/AudioContext.js

@@ -4,6 +4,7 @@ class Connectable {
 }
 
 export class AudioContextMock {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   constructor() {}
 
   createAnalyser = jest.fn(() => new Connectable());

src/mock-builders/generator/channel.js

@@ -4,6 +4,7 @@ export const generateChannel = (options = { channel: {} }) => {
   const { channel: optionsChannel, config, ...optionsBesidesChannel } = options;
   const id = optionsChannel?.id ?? nanoid();
   const type = optionsChannel?.type ?? 'messaging';
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const { id: _, type: __, ...restOptionsChannel } = optionsChannel ?? {};
 
   return {

src/plugins/Emojis/EmojiPicker.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable typescript-sort-keys/interface */
 import React, { useEffect, useState } from 'react';
 import { usePopper } from 'react-popper';
 import Picker from '@emoji-mart/react';

src/types/types.ts

@@ -156,7 +156,6 @@ export type UpdateMessageOptions = {
 
 export type Readable<T> = {
   [key in keyof T]: T[key];
-  // eslint-disable-next-line @typescript-eslint/ban-types
 } & {};
 
 export type ValuesType<T> = T[keyof T];