InputDemoWithHooks.js

import React, { useState } from 'react';

const useTextField = name => {
  const [value, setValue] = useState('');

  const onChange = event => {
    setValue(event.target.value);
  };

  return {
    name,
    value,
    onChange,
    placeholder: name,
  };
};

const InputDemoWithHooks = () => {
  const nameField = useTextField('name');
  return <input type="text" {...nameField} />;
};

export default InputDemoWithHooks;

As your hook is useTextField I would expect it to return type: "text" as well :)