구성 요소에 React Hook Form 보안 적용

UseForm Register Return 사용

import { UseFormRegisterReturn } from 'react-hook-form'

type Props = InputProps & {
  register?: UseFormRegisterReturn
  error?: string
}

export function TextField(props: Props) {
  const { error, register, ...rest } = props

  return (
      <input {...register} {...rest} />
      <ErrorMessage>{error}</ErrorMessage>
  )
}

<TextField
  register={register('name', { required: '必須です', })}
  error={error}
>