React Hook Form + Material UI + yup + TypeScript で良い感じのフォームを作成する - Qiita

import { yupResolver } from "@hookform/resolvers/yup/dist/yup"; import { Button, Checkbox, TextField } from "@mui/material"; import { Controller, useForm } from "react-hook-form"; import * as yup from "yup"; interface FormValues { hoge: string; num: number; checked: boolean; } const schema: yup.SchemaOf<FormValues> = yup.object({ hoge: yup.string().required("必須だよ"), num: yup.number().required("必須だ