我不知道该怎么改正。你有什么好的建议吗？
其组成如下。

// src/components/elements/TextField/control.tsx

import { FieldValues, useController, UseControllerProps } from 'react-hook-form'
import TextField from 'components/elements/TextField/index'

interface TextFieldProps {
  name: string
}

export type TextFieldControlProps<T extends FieldValues> = TextFieldProps & UseControllerProps<T>

const TextFieldControl = <T extends FieldValues>({
  name,
  control,
}: TextFieldControlProps<T>) => {
  const { field } = useController<T>({
    name,
    control,
  })

  return (
    <TextField
      name={name}
      value={field.value}
      onChange={field.onChange}
    />
  )
}

export default TextFieldControl

// src/components/elements/TextField/index.tsx

interface TextFieldProps {
  name: string
  value: string
  onChange: (value) => void
}

const TextField: React.FC<TextFieldProps> = ({
  value,
  onChange,
}) => {
  return (
    <input
      type="number"
      value={value}
      onChange={(e) => onChange(e.target.value)}
    />
  )
}

export default TextField

// src/pages/index.tsx

const { control, handleSubmit } = useForm<UserSearchQuery>({
  defaultValues: {
    ageGteq: null,
    ageLteq: null,
  },
})

<TextFieldControl id="age" name="ageGteq" control={control} />