yupで複数の型を扱う例

yup-lazy-example.test.ts

import * as Yup from "yup";

test("複数のタイプに対応する", () => {
    const schema = Yup.object({
        content: Yup.lazy((content) =>
            Yup.object({
                type: Yup.string().oneOf(["text", "textarea", "file"]).required(),
                value:
                    content.type === "file"
                        ? Yup.object({
                              data: Yup.string().required(),
                              filename: Yup.string().required(),
                              mimetype: Yup.string().required(),
                          })
                        : Yup.array(Yup.string()),
            })
        ),
    });

    interface Example extends Yup.InferType<typeof schema> {}

    const validatedData: Example = schema.validateSync({
        content: {
            type: "text",
            value: [""],
        },
    });

    console.log(validatedData);
});