fix: Fix eslint errors

example/src/App.test.jsx

@@ -12,6 +12,7 @@ vi.mock('react-stomp-hooks', async () => {
   };
 })
 
+// eslint-disable-next-line vitest/expect-expect
 it('app renders without crashing', () => {
   render(<App />);
 })

example/src/Components.test.jsx

@@ -9,6 +9,7 @@ afterEach(() => {
 
 
 //Test Subscribing Component using provided Mock implementation
+// eslint-disable-next-line vitest/expect-expect
 it('Subscribing component works', () => {
   //Render Subscribing Component, with StompSessionProviderMock
   render(

src/components/StompSessionProvider.tsx

@@ -20,7 +20,8 @@ import { StompSessionSubscription } from '../interfaces/StompSessionSubscription
  * Please consult the @stomp/stompjs documentation for more information.
  */
 function StompSessionProvider(props: StompSessionProviderProps) {
-  let { url, children, stompClientOptions, ...stompOptions } = props;
+  const { url, children, stompClientOptions, ...otherProps } = props;
+  let stompOptions = otherProps;
 
   // Support old API
   if (stompClientOptions) stompOptions = stompClientOptions;

src/hoc/withStompClient.tsx

@@ -2,10 +2,14 @@ import React from 'react';
 import useStompClient from '../hooks/useStompClient';
 
 function withStompClient<P>(WrappedComponent: React.ComponentType<P>) {
-  return (props: P) => {
+  const comp = (props: P) => {
     const stompClient = useStompClient();
     return <WrappedComponent stompClient={stompClient} {...props} />;
   };
+
+  comp.displayName = `withStompClient(${WrappedComponent.displayName || WrappedComponent.name})`;
+
+  return comp;
 }
 
 export default withStompClient;

src/hoc/withSubscription.tsx

@@ -11,7 +11,7 @@ function withSubscription<P>(
   destinations: string | string[],
   headers: StompHeaders = {}
 ) {
-  return (props: P) => {
+  const comp = (props: P) => {
     const ref = useRef<MessageReceiverInterface>();
     useSubscription(
       destinations,
@@ -21,9 +21,13 @@ function withSubscription<P>(
       headers
     );
 
-    // @ts-ignore
+    // @ts-expect-error - Ref type incompatible
     return <WrappedComponent ref={ref} {...props} />;
   };
+
+  comp.displayName = `withSubscription(${WrappedComponent.displayName || WrappedComponent.name})`;
+
+  return comp;
 }
 
 export default withSubscription;

src/interfaces/StompMessageReceiver.ts

@@ -5,6 +5,6 @@ export interface MessageReceiverInterface {
   onMessage: messageCallbackType;
 }
 
-export type StompMessageReceiver<P = {}> = React.ComponentClass<P> & {
-  new (props: P, context?: any): React.Component<P> & MessageReceiverInterface;
+export type StompMessageReceiver<P = object> = React.ComponentClass<P> & {
+  new (props: P, context?: unknown): React.Component<P> & MessageReceiverInterface;
 };

src/interfaces/StompSessionProviderProps.ts

@@ -1,10 +1,11 @@
 import { StompConfig } from '@stomp/stompjs';
+import { ReactNode } from 'react';
 
 export interface StompSessionProviderProps extends StompConfig {
   url: string;
-  children: any;
+  children: ReactNode;
   /**
    * @deprecated
    */
-  stompClientOptions?: any;
+  stompClientOptions?: object;
 }

src/mock/StompSessionProviderMock.tsx

@@ -15,13 +15,13 @@ import { getMockClient } from './client';
  */
 export default function StompSessionProviderMock(props: {
   children: React.ReactNode;
-  client?: any;
+  client?: unknown;
 }) {
   return (
     <StompContext.Provider
       value={{
         subscribe: subscribeMock,
-        // @ts-ignore
+        // @ts-expect-error - Mock client is not a full client
         client: props.client ?? getMockClient()
       }}
     >

src/mock/client.tsx

@@ -12,7 +12,7 @@ export function mockClientPublish(params: IPublishParams) {
     messages.set(params.destination, []);
   }
 
-  // @ts-ignore
+  // @ts-expect-error - possible undefined
   messages.get(params.destination).push(params);
 }
 

src/mock/subscriptions.tsx

@@ -1,26 +1,26 @@
 import { IMessage } from '@stomp/stompjs';
 import { messageCallbackType, StompHeaders } from '@stomp/stompjs';
 
-export const subscriptions = new Map<string, Map<string, Function>>();
+export const subscriptions = new Map<string, Map<string, messageCallbackType>>();
 
 export function subscribeMock(
   destination: string,
   callback: messageCallbackType,
-  // @ts-ignore
+  // @ts-expect-error - irrelevant in mock
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   headers: StompHeaders = {}
 ) {
   const subscriptionId = Math.random().toString(36).substr(2, 9);
 
   if (!subscriptions.has(destination)) {
-    subscriptions.set(destination, new Map<string, Function>());
+    subscriptions.set(destination, new Map<string, messageCallbackType>());
   }
 
-  // @ts-ignore
+  // @ts-expect-error undefined check
   subscriptions.get(destination).set(subscriptionId, callback);
 
   return () => {
-    // @ts-ignore
+    // @ts-expect-error undefined check
     subscriptions.get(destination).delete(subscriptionId);
   };
 }
@@ -35,8 +35,8 @@ export function mockReceiveMessage(
   message: IMessage
 ): void {
   if (subscriptions.has(destination)) {
-    // @ts-ignore
-    subscriptions.get(destination).forEach((callback: Function) => {
+    // @ts-expect-error undefined check
+    subscriptions.get(destination).forEach((callback: messageCallbackType) => {
       callback(message);
     });
   }