Passing in Form as prop in Shadcn/ui?

export default function FormComponent() {
 const form = useForm<z.infer<typeof formSchema>>({
    resolver: zodResolver(formSchema),
    defaultValues: {
      folderID: 0,
    },
  })
  return (
    <Form>
      <FolderIdFormField form={form} />
    </Form>
}

export function FolderIdFormField({
  form
}: {
  form: UseFormReturn<any>;
}) {
  ...
  return (
    <FormField
      control={form.control}
      name='folderID'
      render={({ field }) => (
       ...
      )}
    />
  );
}