Untitled

mail@pastecode.io avatarunknown
typescript
16 days ago
785 B
2
Indexable
Never
export interface RhfInputTextBigProps<T extends FieldValues = FieldValues> extends RequiredField<RhfInputProps<InputTextBigProps, T>, 'input'>{

}


export const RhfInputTextBig: <T extends FieldValues = FieldValues> (props: RhfInputTextBigProps<T>) => React.ReactElement = props => {
  const { rhf, errorMessage, input } = props
  const {
    field: { onChange, onBlur, value },
    fieldState: { error },
  } = useController(rhf)

  return (
    <>
      <InputTextBig
        onChange={(c, e) => {
          onChange(c)
        }}
        onBlur={onBlur}
        value={value as any}
        error={Boolean(error)}
        {...props}
        {...input}
      />
      <RhfFieldError errorMessage={errorMessage} error={error as FieldError} />
    </>
  )
}