複数バージョンのreact-hook-formが共存する環境にzodを導入する

{
  "dependencies": {
    //  省略
    "react-hook-form": "^5.0.3",
    "react-hook-form-v7": "npm:react-hook-form@7.43.7",
    "zod": "^3.22.3"
    //  省略
  }
}

const LocalComponent = ({ description, label }: FormFieldWrapperProps) => {
  const { control } = useForm<FormVO>({
    mode: "onBlur",
    defaultValues: {
      text: "",
    },
    resolver: zodResolver(sampleSchema),
  });

  return (
    <FormFieldText
      control={control}
      id="text"
      name="text"
      description={description}
      label={label}
    />
  );
};

export default {
  component: LocalComponent,
  parameters: {
    controls: { expanded: true },
  },
} satisfies Meta<typeof LocalComponent>;

export const Default: StoryObj<typeof LocalComponent> = {
  argTypes: {},
  args: {
    label: "タイトル",
    description: "テキストが入ります。テキストが入ります。",
  },
};