feat: Introduce explicit typing for Form.

- remove use of 'any' type
- add stricter rule for use of any for linting

coral/.eslintrc.cjs

@@ -32,6 +32,7 @@ module.exports = {
             "error"
         ],
         "no-unused-vars": "off",
-        "@typescript-eslint/no-unused-vars": "error"
+        "@typescript-eslint/no-unused-vars": "error",
+        "@typescript-eslint/no-explicit-any": "error"
     }
 }

coral/src/app/components/Form.test.tsx

@@ -15,10 +15,10 @@ import {
   TextInput,
   useForm,
 } from "src/app/components/Form";
-import { z } from "zod";
+import { z, ZodSchema } from "zod";
 
 type WrapperProps<T extends FieldValues> = {
-  schema: any;
+  schema: ZodSchema;
   defaultValues?: DeepPartial<T>;
   onSubmit: SubmitHandler<T>;
   onError: SubmitErrorHandler<T>;
@@ -57,7 +57,10 @@ describe("Form", () => {
 
   const renderForm = <T extends FieldValues>(
     children: React.ReactNode,
-    { schema, defaultValues }: { schema: any; defaultValues?: DeepPartial<T> }
+    {
+      schema,
+      defaultValues,
+    }: { schema: ZodSchema; defaultValues?: DeepPartial<T> }
   ) => {
     return render(
       <Wrapper<T>
@@ -82,7 +85,7 @@ describe("Form", () => {
     await user.click(screen.getByRole("button", { name: "Submit" }));
   };
 
-  const assertSubmitted = (data: any) => {
+  const assertSubmitted = (data: Record<string, string>) => {
     expect(onSubmit).toHaveBeenCalledWith(data, expect.anything());
   };
 

coral/src/app/components/Form.tsx

@@ -23,6 +23,7 @@ import {
   UseFormProps as _UseFormProps,
   UseFormReturn,
 } from "react-hook-form";
+import { ZodSchema } from "zod";
 
 // ts-jest can't use the import statement for "lodash/get"
 // using required makes us able to still use get without
@@ -46,9 +47,7 @@ type UseFormProps<T extends FieldValues = FieldValues> = Omit<
   _UseFormProps<T>,
   "resolver"
 > & {
-  //@TODO fix typing
-  //eslint-disable-next-line @typescript-eslint/no-explicit-any
-  schema?: any;
+  schema?: ZodSchema;
 };
 
 export const useForm = <T extends FieldValues = FieldValues>({
@@ -98,9 +97,6 @@ function _TextInput<T extends FieldValues>({
       type="text"
       {...form.register(name)}
       valid={error ? false : undefined}
-      // @TODO fix typing
-      //  eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
       error={error}
     />
   );
@@ -132,7 +128,6 @@ function _SubmitButton<T extends FieldValues>({
 
 const SubmitButtonMemo = memo(
   _SubmitButton,
-  // @TODO fix typing
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   (_prev: FormRegisterProps, _next: FormRegisterProps) => {
     return false;