40 lines
780 B
TypeScript
40 lines
780 B
TypeScript
import {
|
|
Controller,
|
|
useFormContext,
|
|
type FieldPath,
|
|
type FieldValues,
|
|
} from "react-hook-form";
|
|
|
|
import { TextField } from "@/Components/inputs";
|
|
|
|
interface FormTextFieldProps<T extends FieldValues> extends Omit<
|
|
React.ComponentProps<typeof TextField>,
|
|
"name" | "error" | "helperText"
|
|
> {
|
|
name: FieldPath<T>;
|
|
}
|
|
|
|
export const FormTextField = <T extends FieldValues>({
|
|
name,
|
|
...rest
|
|
}: FormTextFieldProps<T>) => {
|
|
const { control } = useFormContext<T>();
|
|
return (
|
|
<Controller
|
|
name={name}
|
|
control={control}
|
|
render={({ field, fieldState }) => (
|
|
<TextField
|
|
{...field}
|
|
type="text"
|
|
value={field.value ?? ""}
|
|
error={!!fieldState.error}
|
|
helperText={fieldState.error?.message ?? ""}
|
|
fullWidth
|
|
{...rest}
|
|
/>
|
|
)}
|
|
/>
|
|
);
|
|
};
|