fix eslint issues

Author: clarasb

chartlets.js/packages/lib/src/components/Component.tsx

@@ -10,6 +10,7 @@ export function Component(props: ComponentProps) {
   const { type: componentType } = props;
   const ActualComponent = registry.lookup(componentType);
   if (typeof ActualComponent === "function") {
+    // eslint-disable-next-line react-hooks/static-components
     return <ActualComponent {...props} />;
   } else {
     // We no longer log, as the situation is quite common

chartlets.js/packages/lib/src/hooks.test.ts

@@ -61,7 +61,7 @@ describe("useContributionsRecord", () => {
 describe("useThemeMode", () => {
   it("should initially return undefined", () => {
     const { result } = renderHook(() => useThemeMode());
-    expect(result.current).toBeUndefined;
+    expect(result.current).toBeUndefined();
   });
 });
 

chartlets.js/packages/lib/src/plugins/vega/hooks/useResizeObserver.test.tsx

@@ -15,7 +15,9 @@ describe("useResizeObserver", () => {
 
     const TestComponent = () => {
       const { containerCallbackRef } = useResizeObserver();
-      callbackRef = containerCallbackRef;
+      useEffect(() => {
+        callbackRef = containerCallbackRef;
+      }, [containerCallbackRef]);
       return <div ref={containerCallbackRef} />;
     };
 
@@ -38,7 +40,9 @@ describe("useResizeObserver", () => {
 
     const TestComponent = () => {
       const { containerCallbackRef } = useResizeObserver();
-      callbackRef = containerCallbackRef;
+      useEffect(() => {
+        callbackRef = containerCallbackRef;
+      }, [containerCallbackRef]);
       return null;
     };
 
@@ -81,11 +85,9 @@ describe("useResizeObserver", () => {
 
     const TestComponent = () => {
       const { containerCallbackRef, containerSizeKey } = useResizeObserver();
-
       useEffect(() => {
         lastKey = containerSizeKey;
       }, [containerSizeKey]);
-
       return <div ref={containerCallbackRef} />;
     };
 

chartlets.js/packages/lib/src/types/model/channel.ts

@@ -23,6 +23,7 @@ export interface Input extends Channel {
   noTrigger?: boolean;
 }
 
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface Output extends Channel {}
 
 export function isComponentChannel(channel: Channel): boolean {