form.tsx

function Form() {
  const { control } = useForm({
    defaultValues: {
      name: "",
    };
  });
  return (
    <form>
     <SharedInput control={control} name="name" />
    </form>  
  )
}

shared-input.tsx

type Props<
  TFieldValues extends FieldValues,
  TPath extends FieldPathByValue<TFieldValues, string>,
> = {
  control: Control<TFieldValues>;
  name: TPath;
};

export function SharedInput<
  TFieldValues extends FieldValues,
  TPath extends FieldPathByValue<TFieldValues, string>,
>({ control, name }: Props<TFieldValues, TPath>) {
  return (
    <Controller
      control={control}
      name={name}
      render={({ field: { onChange, value } }) => (
         <input onChange={onChange} value={value} />
      )}
    />
  );
}