refactor(web): remove typescript

packages/web/src/components/Form/index.jsx

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { FormProvider, useForm, useWatch } from 'react-hook-form';
+const noop = () => null;
+export default function Form(props) {
+  const {
+    children,
+    onSubmit = noop,
+    defaultValues,
+    resolver,
+    render,
+    mode = 'all',
+    ...formProps
+  } = props;
+  const methods = useForm({
+    defaultValues,
+    reValidateMode: 'onBlur',
+    resolver,
+    mode,
+  });
+  const form = useWatch({ control: methods.control });
+  /**
+   * For fields having `dependsOn` fields, we need to re-validate the form.
+   */
+  React.useEffect(() => {
+    methods.trigger();
+  }, [methods.trigger, form]);
+  React.useEffect(() => {
+    methods.reset(defaultValues);
+  }, [defaultValues]);
+  return (
+    <FormProvider {...methods}>
+      <form onSubmit={methods.handleSubmit(onSubmit)} {...formProps}>
+        {render ? render(methods) : children}
+      </form>
+    </FormProvider>
+  );
+}