Storybook 7组件传参问题：MockForm向Story传递Props失败

我正在为Storybook里的Story寻找解决方案，尝试从MockForm组件向FormInput的Story传递Props。其中部分Props可在组件外部定义，但register和errors需由MockForm提供。

5月25日更新：测试了新版本，但传递的id、name等所有Props均未生效，生成的input标签缺少name、id等属性。

生成的input标签代码 #

<input type="text" class="form_atom_default_form_atoms__ghWWl p-3 text-base" aria-invalid="false">

我的代码实现 #

type FormData = { itemName: string };

const meta: Meta<typeof FormInput<FormData>> = {
  title: "composite/form/molecules/form-input",
  component: FormInput,
};

export default meta;

type Story = StoryObj<typeof meta>;

export const preview: Preview = {
  decorators: [(Story) => <MockForm Story={Story}></MockForm>],
};

function MockForm({ Story }: { Story: any }) {
  const validationFormSchema: ZodType<FormData> = z.object({
    itemName: z.string().min(2).max(30),
  });

  const {
    register,
    handleSubmit,
    formState: { errors },
  } = useForm<FormData>({
    resolver: zodResolver(validationFormSchema),
  });
  return (
    <form action="">
      <Story
        id="inputTest"
        register={register}
        rules={{ required: "You must enter your first name." }}
        errors={errors}
        name="itemName"
        labelText="testLabel"
      />
    </form>
  );
}

内容的提问来源于stack exchange，提问作者lcsaloon