diff --git a/apps/web/pages/auth/setup.tsx b/apps/web/pages/auth/setup.tsx index 522846291b..c507f35c83 100644 --- a/apps/web/pages/auth/setup.tsx +++ b/apps/web/pages/auth/setup.tsx @@ -90,7 +90,7 @@ const SetupFormStep1 = (props: { setIsLoading: (val: boolean) => void }) => { return ( -
+
(props: FormProps, ref: Ref - { - /* @see https://react-hook-form.com/advanced-usage/#SmartFormComponent */ - React.Children.map(props.children, (child) => { - return typeof child !== "string" && - typeof child !== "number" && - typeof child !== "boolean" && - child && - "props" in child && - child.props.name - ? React.createElement(child.type, { - ...{ - ...child.props, - register: form.register, - key: child.props.name, - }, - }) - : child; - }) - } + {props.children} ); diff --git a/packages/ui/v2/core/WizardForm.tsx b/packages/ui/v2/core/WizardForm.tsx index 1da07e5fac..5b2f56d272 100644 --- a/packages/ui/v2/core/WizardForm.tsx +++ b/packages/ui/v2/core/WizardForm.tsx @@ -52,8 +52,8 @@ function WizardForm(props: { href: string; steps: T[]; co loading={currentStep.isLoading} type="submit" color="primary" - form={`setup-step-${step}`} - className="relative"> + form={`wizard-step-${step}`} + className="relative ml-3"> {step < steps.length ? "Next" : "Finish"}