some changes

Author: tjk

eslint.config.mjs

@@ -37,6 +37,7 @@ export default [
       "**/*.lock",
       "**/*.py",
       "**/*.png",
+      "**/.next",
     ],
   },
   ...compat.extends(

packages/connect-react/.eslintignore

@@ -14,7 +14,7 @@ export type ComponentFormProps<T extends ConfigurableProps = any> = {
   configuredProps?: ConfiguredProps<T>; // XXX value?
   disableQueryDisabling?: boolean;
   propNames?: string[]; // TODO PropNames<T>
-  onSubmit?: (ctx: FormContext) => void | Promise<void>; // if passed, we include button
+  onSubmit?: (ctx: FormContext<T>) => void | Promise<void>; // if passed, we include button
   onUpdateConfiguredProps?: (v: ConfiguredProps<T>) => void; // XXX onChange?
   hideOptionalProps?: boolean;
 };

packages/connect-react/src/components/ComponentForm.tsx

@@ -4,32 +4,32 @@ import {
 import isEqual from "lodash.isequal";
 import { useQuery } from "@tanstack/react-query";
 import type {
-  ComponentReloadPropsOpts, ConfigurableProp, V1Component,
+  ComponentReloadPropsOpts, ConfigurableProp, ConfigurableProps, ConfiguredProps, V1Component,
 } from "@pipedream/sdk";
 import { useFrontendClient } from "./frontend-client-context";
 import type { ComponentFormProps } from "../components/ComponentForm";
 
-export type DynamicProps = { id: string; configurable_props: any; }; // TODO
+export type DynamicProps<T extends ConfigurableProps> = { id: string; configurable_props: T; }; // TODO
 
-export type FormContext = {
-  component: V1Component; // XXX <T>
-  configurableProps: any[]; // dynamicProps.configurable_props || props.component.configurable_props
-  configuredProps: Record<string, any>; // TODO
-  dynamicProps?: DynamicProps; // lots of calls require dynamicProps?.id, so need to expose
+export type FormContext<T extends ConfigurableProps> = {
+  component: V1Component<T>;
+  configurableProps: T; // dynamicProps.configurable_props || props.component.configurable_props
+  configuredProps: ConfiguredProps<T>;
+  dynamicProps?: DynamicProps<T>; // lots of calls require dynamicProps?.id, so need to expose
   dynamicPropsQueryIsFetching?: boolean;
   id: string;
   isValid: boolean;
   optionalPropIsEnabled: (prop: ConfigurableProp) => boolean;
   optionalPropSetEnabled: (prop: ConfigurableProp, enabled: boolean) => void;
   props: ComponentFormProps;
   queryDisabledIdx?: number;
-  setConfiguredProp: (idx: number, value: any) => void; // XXX would be nice to have type safety here
+  setConfiguredProp: (idx: number, value: unknown) => void; // XXX type safety for value (T will rarely be static right?)
   setSubmitting: (submitting: boolean) => void;
   submitting: boolean;
   userId: string;
 };
 
-export const FormContext = createContext<FormContext | undefined>(undefined);
+export const FormContext = createContext<FormContext<any /* XXX fix */> | undefined>(undefined); // eslint-disable-line @typescript-eslint/no-explicit-any
 
 export const useFormContext = () => {
   const context = useContext(FormContext);
@@ -50,7 +50,7 @@ type FormContextProviderProps = {
 
 export const FormContextProvider: React.FC<FormContextProviderProps> = ({
   children, props,
-}) => {
+}: FormContextProviderProps) => {
   const client = useFrontendClient();
 
   const id = useId();

packages/connect-react/src/hooks/form-context.tsx

@@ -7,7 +7,7 @@ import type {
 
 export type FormFieldContextExtra<T extends ConfigurableProp> = T extends ConfigurablePropApp ? {
   app?: AppInfo;
-} : {};
+} : Record<string, never>;
 
 export type FormFieldContext<T extends ConfigurableProp> = {
   id: string;
@@ -18,7 +18,7 @@ export type FormFieldContext<T extends ConfigurableProp> = {
   extra: FormFieldContextExtra<T>;
 };
 
-export const FormFieldContext = createContext<FormFieldContext<any> | undefined>(undefined);
+export const FormFieldContext = createContext<FormFieldContext<any /* XXX fix */> | undefined>(undefined); // eslint-disable-line @typescript-eslint/no-explicit-any
 
 export const useFormFieldContext = <T extends ConfigurableProp>() => {
   const context = useContext(FormFieldContext);

packages/connect-react/src/hooks/form-field-context.tsx

@@ -25,7 +25,7 @@ type FrontendClientProviderProps = { children: React.ReactNode; client: BrowserC
 export const FrontendClientProvider: React.FC<FrontendClientProviderProps> = ({
   children,
   client,
-}) => {
+}: FrontendClientProviderProps) => {
   const queryClient = new QueryClient({
     defaultOptions: {
       queries: {