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

@@ -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,

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

@@ -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/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

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

@@ -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/MediaRecorder/AudioRecorder/__tests__/AudioRecorder.test.js

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