27 lines
752 B
TypeScript
27 lines
752 B
TypeScript
|
import { Controller, useFormContext } from "react-hook-form";
|
||
|
|
import React from "react";
|
||
|
|
import { Select } from ":/components/Forms/Select/index";
|
||
|
|
import { SelectProps } from ":/components/Forms/Select/mono";
|
||
|
|
|
||
|
|
export const RhfSelect = (props: SelectProps & { name: string }) => {
|
||
|
|
const { control } = useFormContext();
|
||
|
|
return (
|
||
|
|
<Controller
|
||
|
|
control={control}
|
||
|
|
name={props.name}
|
||
|
|
render={({ field, fieldState }) => {
|
||
|
|
return (
|
||
|
|
<Select
|
||
|
|
{...props}
|
||
|
|
state={fieldState.error ? "error" : "default"}
|
||
|
|
text={fieldState.error?.message}
|
||
|
|
onBlur={field.onBlur}
|
||
|
|
onChange={field.onChange}
|
||
|
|
value={field.value}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
};
|