21 lines
500 B
TypeScript
21 lines
500 B
TypeScript
import {
|
|
Controller,
|
|
ControllerProps,
|
|
FieldPath,
|
|
FieldValues
|
|
} from 'react-hook-form';
|
|
import { FormFieldContext } from './FormFieldContext';
|
|
|
|
export const FormField = <
|
|
TFieldValues extends FieldValues = FieldValues,
|
|
TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
|
|
>({
|
|
...props
|
|
}: ControllerProps<TFieldValues, TName>) => {
|
|
return (
|
|
<FormFieldContext.Provider value={{ name: props.name }}>
|
|
<Controller {...props} />
|
|
</FormFieldContext.Provider>
|
|
);
|
|
};
|