ESLint manual fixes

Author: arnautov-anton

examples/nextjs/pages/_app.js examples/nextjs/pages/_app.jsxexamples/nextjs/pages/_app.js renamed to examples/nextjs/pages/_app.jsx

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

examples/nextjs/pages/index.js examples/nextjs/pages/index.jsxexamples/nextjs/pages/index.js renamed to examples/nextjs/pages/index.jsx

@@ -211,6 +211,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
@@ -1545,6 +1546,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');
@@ -1574,6 +1576,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/Channel/Channel.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/Channel/__tests__/Channel.test.js

@@ -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/ChatView/ChatView.tsx

@@ -320,6 +320,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/MML/MML.tsx

@@ -102,7 +102,7 @@ export const useReactionHandler = <
 
     try {
       updateMessage(tempMessage);
-      // @ts-expect-error
+      // @ts-expect-error message type mismatch
       thread?.upsertReplyLocally({ message: tempMessage });
 
       const messageResponse = add
@@ -114,7 +114,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/MediaRecorder/AudioRecorder/__tests__/AudioRecorder.test.js

@@ -79,7 +79,6 @@ 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 & {})
   >;

src/components/Message/hooks/useReactionHandler.ts

@@ -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);