homework 2 done

src/components/ui/controlled/controlled-text-field/controlled-text-field.tsx

@@ -0,0 +1,22 @@
+import { Control, FieldPath, FieldValues, useController } from 'react-hook-form'
+
+import { TextField, TextFieldProps } from '@/components'
+
+export type ControlledTextFieldProps<TFieldValues extends FieldValues> = {
+  name: FieldPath<TFieldValues>
+  control: Control<TFieldValues>
+} & Omit<TextFieldProps, 'onChange' | 'value' | 'id'>
+
+export const ControlledTextField = <TFieldValues extends FieldValues>(
+  props: ControlledTextFieldProps<TFieldValues>
+) => {
+  const {
+    field,
+    fieldState: { error },
+  } = useController({
+    name: props.name,
+    control: props.control,
+  })
+
+  return <TextField {...props} {...field} errorMessage={error?.message} id={props.name} />
+}